@font-face {
    font-family: 'rb';
    src: url('/static/fonts/RobotoBold/RobotoBold.eot');
    src: url('/static/fonts/RobotoBold/RobotoBold.eot') format('embedded-opentype'),
    url('/static/fonts/RobotoBold/RobotoBold.woff2') format('woff2'),
    url('/static/fonts/RobotoBold/RobotoBold.woff') format('woff'),
    url('/static/fonts/RobotoBold/RobotoBold.ttf') format('truetype'),
    url('/static/fonts/RobotoBold/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'rcb';
    src: url('/static/fonts/RobotoBoldCondensed/RobotoBoldCondensed.eot');
    src: url('/static/fonts/RobotoBoldCondensed/RobotoBoldCondensed.eot') format('embedded-opentype'),
    url('/static/fonts/RobotoBoldCondensed/RobotoBoldCondensed.woff2') format('woff2'),
    url('/static/fonts/RobotoBoldCondensed/RobotoBoldCondensed.woff') format('woff'),
    url('/static/fonts/RobotoBoldCondensed/RobotoBoldCondensed.ttf') format('truetype'),
    url('/static/fonts/RobotoBoldCondensed/RobotoBoldCondensed.svg#RobotoBoldCondensed') format('svg');
}

@font-face {
    font-family: 'rc';
    src: url('/static/fonts/RobotoCondensed/RobotoCondensed.eot');
    src: url('/static/fonts/RobotoCondensed/RobotoCondensed.eot') format('embedded-opentype'),
    url('/static/fonts/RobotoCondensed/RobotoCondensed.woff2') format('woff2'),
    url('/static/fonts/RobotoCondensed/RobotoCondensed.woff') format('woff'),
    url('/static/fonts/RobotoCondensed/RobotoCondensed.ttf') format('truetype'),
    url('/static/fonts/RobotoCondensed/RobotoCondensed.svg#RobotoCondensed') format('svg');
}

@font-face {
    font-family: 'rr';
    src: url('/static/fonts/RobotoRegular/RobotoRegular.eot');
    src: url('/static/fonts/RobotoRegular/RobotoRegular.eot') format('embedded-opentype'),
    url('/static/fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'),
    url('/static/fonts/RobotoRegular/RobotoRegular.woff') format('woff'),
    url('/static/fonts/RobotoRegular/RobotoRegular.ttf') format('truetype'),
    url('/static/fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular') format('svg');
}

@-webkit-keyframes moveRightIn{
    50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
    51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes moveRightIn{
    50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
    51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}

div[body]{ background: ;}
#m_header,
.mb{ display: none; z-index: 10;}
@media screen and (max-width: 768px){
    .mb{ display: block;}
    .pc{ display: none;}
    .crumbs{ display: none;}
}

/* 头部 */
/* 滚动置顶
#header,
#header .header-in{ display: flex; justify-content: start; align-content: start; flex-direction: column; width: 100%; height: 118px; z-index: 10; top:0;}
#header.header-fixed,
#header .header-in.header-fixed{ background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .3);}
*/

@media screen and (width: 750px){
    #jextalert.meta .at-contents{ font-size: 26px;}
    #jextalert.meta .at-not,
    #jextalert.meta .at-yes{ font-size: 26px;}
    #jextalert[s='B'] .at-body{ padding: 50px 20px; min-width: 500px; min-height: 200px;}
}

#header{ display: flex; justify-content: start; align-content: start; flex-direction: column; width: 100%; height: 118px; border-bottom: 1px solid #e6e6e6; z-index: 10; top:0; background: #fff;}
#about #header{ background: #fff;}
#header:hover{ background: #fff;}
#header .cw1600{ display: flex; justify-content: space-between; align-content: center; height: 100%;}
#header .left{ display: flex; justify-content: start; align-items: center; width: 100%;}
#header .left .logo{ display: flex; align-items: center; width: 217px;}
#header .left .logo img{ max-width: 100%; max-height: 68%;}
#header .left .nav{ display: flex; justify-content: start; align-content: start; margin-left: 260px; /*margin: 0 auto;*/ height: 100%;}
#header .left .nav .nav-item{ /*margin-left: 78px;*/ padding: 0 30px;}
#header .left .nav .nav-item .nav-tit{ display: flex; justify-content: center; align-items: center; height: 100%;}
#header .left .nav .nav-item .nav-tit{ font-size: 18px; color: #333;}
#header .left .nav .nav-item .nav-tit:before{ display: block; content: ''; position: absolute; right: 0; bottom: 35px; width: 0; height: 3px; background: #f36e21; transition: all .3s;}
#header .left .nav .nav-item.cur .nav-tit:before,
#header .left .nav .nav-item:hover .nav-tit:before{ width: 100%; right: inherit; left: 0;}
#header .left .nav .nav-item:first-child{ margin-left: 0;}
#header .left .nav .two-nav-o{ top: 100%; left: 50%; z-index: 5; height: 0; transform: translateX(-50%); opacity: 0; pointer-events: none;}
/*#header .left .nav .two-nav{ padding-top: 10px;}*/
#header .left .nav .two-nav .two-nav-in{ display: flex; justify-content: start; align-items: start; padding: 13px 0; background: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgb(0, 0, 0, .1);}
#header .left .nav .two-nav .tn-item{ min-width: 240px;}
#header .left .nav .two-nav .tn-item:first-child{ margin-left: 0;}
#header .left .nav .two-nav .tn-item .tn-tit{ margin-bottom: 32px; padding-bottom: 15px; width: 100%; line-height: 26px; border-bottom: 1px solid #dfe0e1; font-size: 20px; color: #222; box-sizing: unset;}
#header .left .nav .two-nav .list{ width: 100%;}
#header .left .nav .two-nav .list .item{ justify-content: start; padding: 0 20px; min-width: 175px; line-height: 45px; background: url(/static/images/gwf/icon32.png) no-repeat right 19px center; font-size: 16px; color: #696969; white-space: nowrap; text-align: left;}
#header .left .nav .two-nav .list .item:hover{ background: url(/static/images/gwf/icon32_cur.png) no-repeat right 19px center #F5F7FA;}
/*
#header .left .nav .nav-item.has-list{ padding-right: 21px; background: url(/static/images/nav_icon.png) no-repeat right center;}
#header .left .nav .nav-item.has-list .nav-tit:before{ display: block; content: ''; position: absolute; left: 50%; bottom: 35px; width: 15px; height: 9px; background: url(/static/images/h_nav_icon.png) no-repeat center / 100% auto; transform: translateX(-50%); transition: all .3s; opacity: 0;}

#header .left .nav .nav-item.has-list.cur .nav-tit:before,
#header .left .nav .nav-item.has-list:hover .nav-tit:before{ bottom: 26px; opacity: 1;}
*/

#header .left .pro-nav{ top: calc(100% + 1px); left: 0; width: 100%; height: 0;/* box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/ opacity: 0; pointer-events: none;}
#header .left .pro-nav .top{ height: 60px; background: #F5F7FA;}
#header .left .pro-nav .top .item{ margin-left: 68px; line-height: 60px; font-size: 16px; color: #999;}
#header .left .pro-nav .top .item:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #000; opacity: 0; transition: all .3s;}
#header .left .pro-nav .top .item:first-child{ margin-left: 0;}
#header .left .pro-nav .top .item:hover,
#header .left .pro-nav .top .item.cur{ color: #1a1a1a;}
#header .left .pro-nav .top .item:hover:before,
#header .left .pro-nav .top .item.cur:before{ opacity: 1;}

#header .left .pro-nav .bot{ padding: 53px 0; background: #fff;}
#header .left .pro-nav .bot .links{ width: 18.125%;}
#header .left .pro-nav .bot .links .link-item{ width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #696969;}
#header .left .pro-nav .bot .links .link-item:before{ display: block; content: ''; position: absolute; top: 50%; right: 19px; width: 6px; height: 10px; background: url(/static/images/gwf/icon32.png) no-repeat right center; transform: translateY(-50%); transition: all .5s;}
#header .left .pro-nav .bot .links .link-item:after{ display: block; content: ''; position: absolute; top: 50%; right: 28px; width: 6px; height: 10px; background: url(/static/images/gwf/icon32_cur.png) no-repeat right center; transform: translateY(-50%); transition: all .5s;
    opacity: 0;}
/*#header .left .pro-nav .bot .links .link-item:hover{ background: url(/static/images/gwf/icon32_cur.png) no-repeat right 19px center;}*/
#header .left .pro-nav .bot .links .link-item:hover:before{ right: 10px; opacity: 0;}
#header .left .pro-nav .bot .links .link-item:hover:after{ right: 19px; opacity: 1;}
#header .left .pro-nav .bot .b-list{ width: 77.1875%; border-right: 1px solid #e6e6e6;}
/*#header .left .pro-nav .bot .b-list .b-list-in{ display: none;}*/
#header .left .pro-nav .bot .b-list .b-item{ margin: 50px 6.8826% 0 0; width: 17.9758%;}
#header .left .pro-nav .bot .b-list .b-item:nth-child(-n+4){ margin-top: 0;}
#header .left .pro-nav .bot .b-list .b-item .tit{ width: 100%; line-height: 38px; font-size: 18px; color: #1a1a1a;}
#header .left .pro-nav .bot .b-list .b-item .list{ margin-top: 15px; width: 100%;}
#header .left .pro-nav .bot .b-list .b-item .list .item{ width: 100%;}
#header .left .pro-nav .bot .b-list .b-item .list .item .img{ width: 100%; height: 0;/* background: #f5f7fa;*/ overflow: hidden; border-radius: 5px;}
#header .left .pro-nav .bot .b-list .b-item .list .item.cur .img{ height: 220px;}
#header .left .pro-nav .bot .b-list .b-item .list .item .img img{ max-width: 100%; max-height: 100%;}
#header .left .pro-nav .bot .b-list .b-item .list .item .txt{ width: 100%; line-height: 45px; border-bottom: 1px solid #e6e6e6; font-size: 18px; color: #000; font-family: 'rr';}
#header .left .pro-nav .bot .b-list .b-item .list .item .txt:before{ display: block; content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; background: url(/static/images/gwf/icon32.png) no-repeat right center; transform: translateY(-50%); transition: all .5s;}
#header .left .pro-nav .bot .b-list .b-item .list .item .txt:after{ display: block; content: ''; position: absolute; top: 50%; right: 20px; width: 6px; height: 10px; background: url(/static/images/gwf/icon32_cur.png) no-repeat right center; transform: translateY(-50%); transition: all .5s;
    opacity: 0;}
#header .left .pro-nav .bot .b-list .b-item .list .item.more .txt{ color: #999;}
#header .left .pro-nav .bot .b-list .b-item .list .item:hover .txt:before{ right: -20px; opacity: 0;}
#header .left .pro-nav .bot .b-list .b-item .list .item:hover .txt:after{ right: 0; opacity: 1;}

#header .left .pro-nav .bot .b-list .b-list-in.software .b-item .list .item .img{ height: auto;}

#header .left .nav .nav-item:hover .pro-nav,
#header .left .nav .nav-item:hover .two-nav-o{ opacity: 1; pointer-events: visible;}

/*#header .left .solution .pro-nav .bot{ padding-top: 0;}*/
#header .left .solution .pro-nav .bot .cw1600{ justify-content: center;}
#header .left .solution .pro-nav .bot .b-list{ padding-right: 5%; margin-right: 5%;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item{ margin: 0 auto; width: 100%;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list{ margin: 0; width: 100%;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list:nth-child(2n){ margin-right: 0;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item{ margin: 15px 2% 0 0; width: 23%;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item:nth-child(4n){ margin-right: 0;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item:nth-child(-n+4){ margin-top: 0;}
#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item .img{ height: auto;}

#header .rig{ display: flex; justify-content: start; align-items: center;}
#header .rig .search{ display: flex; align-items: center; margin-left: 50px; height: 100%; cursor: pointer;}
#header .rig .search.cur .search-form{ display: flex;}
#header .rig .search .search-btn{ width: 25px; height: 25px;}
#header .rig .search .search-btn svg{ width: 100%; height: 100%;}
#header .rig .search .search-btn svg path{ fill: #333;}
#header .rig .search .search-form{ display: none; justify-content: space-between; align-content: start; top: 100%; right: 0; padding: 0 20px; width: 370px; height: 60px; background: #333; border-radius: 0 0 7px 7px;}
#header .rig .search .search-form input[type=text]{ width: calc(100% - 26px); font-size: 16px; color: #fff;}
#header .rig .search .search-form input[type=text]::-webkit-input-placeholder{ font-size: 16px; color: #fff;}
#header .rig .search .search-form input[type=text]::-moz-placeholder{ font-size: 16px; color: #fff;}
#header .rig .search .search-form input[type=text]:-ms-input-placeholder{ font-size: 16px; color: #fff;}
#header .rig .search .search-form input[type=text]:-moz-placeholder{ font-size: 16px; color: #fff;}
#header .rig .search .search-form input[type=submit]{ display: block; width: 26px; background: url(/static/images/search.svg) no-repeat center / 100% auto; cursor: pointer;}

#header .rig .lang{ display: flex; align-items: center; margin-left: 20px; height: 100%; z-index: 5;}
#header .rig .lang .h-btn .txt{ font-size: 18px; color: #333;}
#header .rig .lang .list{ top: 100%; left: 50%; width: 100px; height: 0; overflow: hidden; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .5); transform: translateX(-50%);}
#header .rig .lang .list .list-in{ width: 100%; padding: 10px; background: #fff;}
#header .rig .lang .list .item{ margin-top: 10px; width: 100%; font-size: 16px; color: #9d9d9d; text-align: center;}
#header .rig .lang .list .item.cur{ color: #333;}
#header .rig .lang .list .item:first-child{ margin-top: 0;}

@media screen and (max-width: 1560px){
    /*#header .left .nav{ margin-left: 100px;}*/
    #header .left .pro-nav .bot .b-list .b-item{ width: 19.9758%; margin-right: 4.8826%;}
}
@media screen and (max-width: 1440px){
    #header .rig .search{ margin-left: 20px;}
    /*#header .left .nav .nav-item{ margin-left: 35px;}*/
    #header .left .nav .nav-item{ padding: 0 30px;}
    #header .left .pro-nav .bot .b-list .b-item{ width: 30%; margin-right: 3%;}
    #header .left .pro-nav .bot .b-list .b-item:nth-child(4n){ margin-top: 50px;}
    #header .left .pro-nav .bot .b-list .b-item:nth-child(3n){ margin-top: 0;}
    #header .left .pro-nav .bot .b-list .b-item .tit{ font-size: 16px;}
    #header .left .pro-nav .bot .links{ width: 21.125%;}
    #header .left .pro-nav .bot .links .link-item{ font-size: 14px; background-position: right center;}
    #header .left .pro-nav .bot .links .link-item:hover{ background-position: right center;}
}
@media screen and (max-width: 1260px){
    #header .rig .search{ margin-left: 0;}
    /*#header .left .nav{ margin-left: 50px;}*/
    /*#header .left .nav .nav-item{ margin-left: 20px;}*/
    /*#header .left .nav .nav-item.has-list{ padding-right: 10px;}*/
}
@media screen and (max-width: 1060px){

    #m_header{ display: block;}
    #header{ display: none;}
    #m_header{ width: 100%; height: 100px; border-bottom: 1px solid #f0f0f2;}
    #m_header .cw1600{ height: 100%;}
    #m_header .b-rig{ display: flex; justify-content: center; align-items: center;}
    #m_header .b-rig .search{ margin-right: 50px;}
    #m_header .b-rig .search svg path{ fill: #333;}
    #m_header .b-rig .search .close_icon{ display: none;}
    #m_header .b-rig .search .search-btn{ cursor: pointer;}
    #m_header .b-rig .search .search-btn svg{ /*width: 100%; height: 100%;*/ width:50px; height:50px;}
    #m_header .b-rig .search .search-btn svg path{ fill: #333;}
    #m_header .b-rig .search.cur .search_icon{ display: none;}
    #m_header .b-rig .search.cur .close_icon{ display: block;}
    /*#m_header .b-rig .search.cur .search-btn svg path{ fill: #007ec8;}*/
    #m_header .b-rig .search .search-form{ display: flex; justify-content: space-between; align-content: start; top: 100%; left: 0; z-index: 5; padding: 0 20px; width: 100%; height: 0; background: #333; overflow: hidden;}
    #m_header .b-rig .search.cur .search-form{ height: 80px;}
    #m_header .b-rig .search .search-form input[type=text]{ width: calc(100% - 26px); font-size: 28px; color: #fff;}
    #m_header .b-rig .search .search-form input[type=text]::-webkit-input-placeholder{ font-size: 28px; color: #fff;}
    #m_header .b-rig .search .search-form input[type=text]::-moz-placeholder{ font-size: 28px; color: #fff;}
    #m_header .b-rig .search .search-form input[type=text]:-ms-input-placeholder{ font-size: 28px; color: #fff;}
    #m_header .b-rig .search .search-form input[type=text]:-moz-placeholder{ font-size: 28px; color: #fff;}
    #m_header .b-rig .search .search-form input[type=submit]{ display: block; width: 50px; background: url(/static/images/search_icon.svg) no-repeat center / 100% auto;}

    #m_header .b-rig .nav-btn{ width: 60px; height: 60px;}
    #m_header .b-rig .nav .close_icon{ display: none;}
    #m_header .b-rig .nav.show .menu_icon{ display: none;}
    #m_header .b-rig .nav.show .close_icon{ display: block;}
    #m_header .b-rig .nav-btn svg{ width: 100%; height: 100%;}
    #m_header .b-rig .nav-btn .close_icon{ display: none;}
    #m_header .b-rig .nav-list{ display: none; left: 0; top: 100%; z-index: 5; width: 100%;/* height: 0;*/ background: #fff; overflow: hidden;}
    #m_header .b-rig .nav-list .nav-list-in{ flex-direction: column; height: auto; border-top: 1px solid #ddd;}
    #m_header .b-rig .nav-list .nav-item{ width: 100%; border-bottom: 1px solid #ddd; text-align: left;}
    #m_header .b-rig .nav-list .nav-item .nav-tit{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 80px;}
    #m_header .b-rig .nav-list .nav-item.has-list>.nav-tit:after{ display: block; content: ''; width: 35px; height: 35px; background: url(/static/images/h-micon.png) no-repeat center; transition: all .5s;}
    #m_header .b-rig .nav-list .nav-item .nav-tit .txt{ font-size: 28px; color: #333;}
    #m_header .b-rig .nav-list .nav-item .nav-tit .icon{ width: 50px; height: 100%;}
    #m_header .b-rig .nav-list .nav-item .nav-tit .icon:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; background: #333; transform: translate(-50%, -50%);}
    #m_header .b-rig .nav-list .nav-item .nav-tit .icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 30px; background: #333; transform: translate(-50%, -50%);}
    #m_header .b-rig .nav-list .nav-item .two-nav{ height: 0;}
    #m_header .b-rig .nav-list .nav-item .tn-item{ padding-left: 30px;}
    #m_header .b-rig .nav-list .nav-item .tn-item .item{ padding-left: 30px;}

    #m_header .b-rig .nav-list .nav-item.has-list.cur>.nav-tit:after{ transform: rotate(180deg);}

    #m_header .b-rig .lang{ display: flex; align-items: center; margin-right: 50px; height: 100%; z-index: 5;}
    #m_header .b-rig .lang .h-btn .txt{ font-size: 36px; color: #333;}
    #m_header .b-rig .lang .list{ top: 80px; left: 50%; height: 0; overflow: hidden; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .5); transform: translateX(-50%);}
    #m_header .b-rig .lang .list .list-in{ padding: 15px 30px; width: 250px; background: #fff;}
    #m_header .b-rig .lang .list .item{ margin-top: 10px; width: 100%; line-height: 1.8; font-size: 36px; color: #9d9d9d; text-align: center; white-space: nowrap;}
    #m_header .b-rig .lang .list .item.cur{ color: #333;}
    #m_header .b-rig .lang .list .item:first-child{ margin-top: 0;}

    #search .form .text{font-size: 26px;}
    #search .form .submit{width: 75px;font-size: 26px;}
    #search .list .info .title{font-size: 28px;line-height: 1.6;}
    #search .list .info .day,
    #search .list .info .cate{font-size: 28px;line-height: 1.6;}
    #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;}
}
/* 头部 */

/* 底部 */
#footer{ width: 100%; background: #008D42;}
#footer .top{ display: flex; justify-content: space-between; align-content: start; padding: 56px 0 47px; width: 100%;}
#footer .top .f-list{ display: flex; justify-content: start; align-items: start; width: 80%;}
#footer .top .f-list .f-item{ margin-left: 120px;}
#footer .top .f-list .f-item:first-child{ margin-left: 0;}
#footer .top .f-list .f-item .tit{ width: 100%; line-height: 47px; font-size: 18px; color: #fff;}
#footer .top .f-list .f-item .list{ margin-top: 10px; width: 100%;}
#footer .top .f-list .f-item .list .item{ width: 100%; line-height: 36px; font-size: 16px; color: #fff;}
#footer .top .f-list .f-item .list .item:hover{ color: #fff;}
#footer .top .newsletter{ width: 380px;}
#footer .top .newsletter .tit{ width: 100%; line-height: 47px; font-size: 18px; color: #fff; font-family: sr;}
#footer .top .newsletter .brief{ margin-top: 8px; line-height: 25px; font-size: 16px; color: #fff;}
#footer .top .newsletter form{ display: flex; justify-content: space-between; align-content: start; margin-top: 14px; width: 100%; height: 42px; border: 1px solid #4d4d4d;}
#footer .top .newsletter form input[type=text]{ padding: 0 10px; width: calc(100% - 43px); font-size: 16px; color: #fff;}
#footer .top .newsletter form input[type=text]::-webkit-input-placeholder{ font-size: 16px; color: #484848;}
#footer .top .newsletter form input[type=text]::-moz-placeholder{ font-size: 16px; color: #484848;}
#footer .top .newsletter form input[type=text]:-ms-input-placeholder{ font-size: 16px; color: #484848;}
#footer .top .newsletter form input[type=text]:-moz-placeholder{ font-size: 16px; color: #484848;}
#footer .top .newsletter form input[type=submit]{ width: 43px; border-left: 1px solid #4d4d4d; background: url(/static/images/newsletter_icon.png) no-repeat center #333; cursor: pointer;}
#footer .top .newsletter form input[type=submit]:hover{ background-color: #434343;}

#footer .mid{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 96px; border-top: 1px solid #656565;}
#footer .mid .left{ display: flex; justify-content: start; align-items: center;}
#footer .mid .left .item{ margin-left: 46px; font-size: 16px; color: #767676;}
#footer .mid .left .item:first-child{ margin-left: 0;}
#footer .mid .left .item a:hover{ color: #fff; text-decoration: underline;}
#footer .mid .rig .item{ margin-right: 24px;}
#footer .mid .rig .icon{width: 40px;height: 50px;border-radius: 50%;/*margin-right: 20px;*/cursor: pointer;}
#footer .mid .rig .icon .img{ bottom: 120%; left: 50%; padding: 10px; width: 120px; height: 120px; background: #fff; border-radius: 10px; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0, 0, 0, .1); opacity: 0; pointer-events: none;}
#footer .mid .rig .icon .img img{ max-width: 100%;}
#footer .mid .rig .icon:nth-child(1){background: url(/static/images/share_icon0.png) no-repeat center;}
#footer .mid .rig .icon:nth-child(2){background: url(/static/images/share_icon1.png) no-repeat center;}
#footer .mid .rig .icon:nth-child(3){background: url(/static/images/share_icon2.png) no-repeat center;}
#footer .mid .rig .icon:nth-child(4){background: url(/static/images/share_icon3.png) no-repeat center;margin-right: 0;}
#footer .mid .rig .icon:nth-child(1):hover{background-image: url(/static/images/share1_cur.png);}
#footer .mid .rig .icon:nth-child(1):hover .img{ opacity: 1;}
#footer .mid .rig .icon:nth-child(2):hover{background-image: url(/static/images/share2_cur.png);}
#footer .mid .rig .icon:nth-child(3):hover{background-image: url(/static/images/share3_cur.png);}
#footer .mid .rig .icon:nth-child(4):hover{background-image: url(/static/images/share4_cur.png);}

#footer .mid .rig .icon.jp_icon:nth-child(1){background: url(/static/images/jp_share1.png) no-repeat center;}
#footer .mid .rig .icon.jp_icon:nth-child(2){background: url(/static/images/jp_share2.png) no-repeat center;}
#footer .mid .rig .icon.jp_icon:nth-child(3){background: url(/static/images/jp_share3.png) no-repeat center;}
#footer .mid .rig .icon.jp_icon:nth-child(4){background: url(/static/images/jp_share4.png) no-repeat center;margin-right: 0;}

#footer .bot{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100px; border-top: 1px solid rgb(255 255 255 / 20%);}
#footer .bot .left{ display: flex; justify-content: start; align-items: center;}
#footer .bot .left .item{ font-size: 16px; color: #fff; font-family: sr;}
#footer .bot .left a.item:hover{ color: #fff;}
#footer .bot .left .part{ margin: 0 10px; line-height: 16px; font-size: 16px; color: #767676;}
#footer .bot .rig{ display: flex; justify-content: start; align-items: center;}
#footer .bot .rig .item{ font-size: 14px; color: #999;}
#footer .bot .rig .item:hover,
#footer .bot .rig .item.cur{ color: #fff;}
#footer .bot .rig .part{ margin: 0 11px; line-height: 14px; font-size: 14px; color: #2e2e2e;}

#footer .share{ display: block; padding-right: 0; border-right: 0;}
#footer .share .list{ margin: 15px 0 0;}
#footer .share .list a{ margin-left: 20px; width: 26px; height: auto;}
#footer .share .list a:first-child{ margin-left: 0;}
.scroll-top{ display: flex; justify-content: center; align-items: center; bottom: 10%; right: 5%; width: 54px; height: 54px; background: #007ec8; border-radius: 50%;}

@media screen and (max-width: 1560px){
    #footer .top .f-list .f-item{ margin-left: 70px;}
}
@media screen and (max-width: 1440px){
    #footer .top .f-list .f-item{ margin-left: 45px;}
    #footer .mid .left .item{ margin-left: 24px;}
    #footer .mid .rig .icon{ width: 35px;}
}
@media screen and (max-width: 1260px){
    #footer .top{ flex-direction: column;}
    #footer .top .f-list{ width: 100%;}
    #footer .top .f-list .f-item{ width: 100%;}
    #footer .top .newsletter{ margin-top: 50px;}
    #footer .mid{ justify-content: center; flex-direction: column;}
    #footer .mid .rig{ margin-top: 20px;}
    #footer .mid .rig .icon{ height: 20px;}
}
@media screen and (max-width: 1060px){
    #footer .top .f-list{ flex-wrap: wrap;}
    #footer .top .f-list .f-item{ margin: 0 2% 0 0; width: 32%;}
    #footer .top .f-list .f-item:nth-child(3n){ margin-right: 0;}
}
@media screen and (max-width: 768px){
    #footer .top .f-list .f-item{ float: none; margin: 0; padding: 30px 0; width: 100%; border-bottom: 1px solid #ddd;}
    #footer .top .f-list .f-item .tit{ line-height: 1.8; font-size: 30px;}
    #footer .top .f-list .f-item .list{ margin-top: 0; height: 0; overflow: hidden;}
    #footer .top .f-list .f-item .list .list-in .item{ padding: 15px 0; line-height: 1.8; font-size: 28px;}
    #footer .top .f-list .f-item .list .list-in .tit{ line-height: 1.8; font-size: 28px;}

    #footer .top .newsletter{ width: 100%;}
    #footer .top .newsletter .tit{ line-height: 1.8; font-size: 34px;}
    #footer .top .newsletter .brief{ line-height: 1.8; font-size: 28px;}
    #footer .top .newsletter form{ height: 80px;}
    #footer .top .newsletter form input[type=text]{ width: calc(100% - 80px); font-size: 28px;}
    #footer .top .newsletter form input[type=text]::-webkit-input-placeholder{ font-size: 28px;}
    #footer .top .newsletter form input[type=submit]{ width: 80px;}
    #footer .top .newsletter form.focus{ border: 1px solid #fff;}
    #footer .top .newsletter form.focus input[type=text]{ color: #fff;}
    #footer .top .newsletter form.focus input[type=text]::-webkit-input-placeholder{ color: #fff;}

    #footer .mid{ padding: 50px 0; height: auto;}
    #footer .mid .left{ align-items: start; flex-direction: column;}
    #footer .mid .left .item{ margin-left: 0; line-height: 1.8; font-size: 28px; text-align: left;}
    /*#footer .mid .rig{ width: 100%;}*/
    #footer .mid .rig .icon{ width: 50px; height: 50px; background-size: 80% !important;}

    #footer .bot{ flex-direction: column; justify-content: start; padding: 50px 0; height: auto;}
    #footer .bot .left .item{ font-size: 28px;}
    #footer .bot .rig{ margin-top: 30px;}
    #footer .bot .rig .item{ font-size: 28px;}
    #footer .bot .rig .part{ margin: 0 30px; line-height: 1.8; font-size: 28px;}

    #footer .bot .left .dd-part{display:none;}

}
/* 底部 */

/*全站搜索*/
#search{width:100%; padding-bottom:40px;}
#search .form{margin-bottom:22px;margin-top: 20px;}
#search .form .text{width: 340px;padding-left: 15px;height: 49px;line-h381eight: 49px;border:1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;}
#search .form .submit{height: 49px;width: 59px;border:1px solid #1a1a1a;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #1a1a1a url(/static/images/search.svg) no-repeat center center / 50%;color: #fff;font-size: 16px; cursor: pointer;}
#search .list{width:100%; margin-bottom:50px;}
#search .list .info .cate{padding-left:15px;}
#search .list .new .cate{}
#search .list .know .cate{}
#search .list .info li{padding:20px 0; border-bottom:1px solid #ddd;}
#search .list .info li:first-child{border-top:1px solid #ddd;}
#search .list .info .title{margin-right:16px; line-height:22px; color:#456979; font-size:16px; font-weight:bold;}
#search .list .info .day,
#search .list .info .cate{color:#888; font-size:16px; margin-right:20px;}
#search .list .info .day{margin:0;}
#search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888; font-size:14px; line-height:32px;}

/* 广告图 */
/*#m_banner{ display: none;}*/
#banner{ width: 100%;}
/*#banner.index{padding-top:118px;}*/
#banner.index{padding-top:0px;}
#banner .ban-con{ z-index: 1; text-align: center;}
#banner .ban-con img{ width: 100%;}
#banner .slide{ width: 100%;}
#banner .slide img{ width: 100%; max-height: 100%;}
#banner .slide .ban-bg{ width: 100%; height: 100%;}
#banner .slide .ban-bg>div{background-size: cover; background-position: bottom center;/* background-attachment: fixed;*/ background-repeat: no-repeat; height:100%; width:100%;}
#banner .con{ top: 18.119%;}
#banner .con .top-txt{ width: 100%; line-height: 34px; font-size: 24px; color: #1a1a1a; font-family: rr; text-align: center;}
#banner .con .mid-txt{ width: 100%; line-height: 67px; font-size: 40px; color: #1a1a1a; font-family: rm; text-align: center; font-weight: 500;}
#banner .con .bot-txt{ width: 100%; line-height: 38px; font-size: 20px; color: #1a1a1a; font-family: rr; text-align: center;}
#banner .con .btn{ margin: 22px auto; width: 41px; height: 11px; text-align: center;}
#banner .con .btn i{ display: block; width: 100%; height: 100%; background: url(/static/images/ban_btn_icon.png) no-repeat;position: absolute; top: 0; left: 0;}
#banner .con:hover .btn i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/ban_btn_icon.png) no-repeat;}

#banner .con-in{ top: 0; margin-top: 7.62%; width: 100%;}
#banner .con-in .tit{ padding-bottom: 30px; width: 100%; line-height: 60px; text-align: center; font-size: 42px; color: #1a1a1a; font-weight: 500;}
#banner .con-in .tit:before{ display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 50px; height: 3px; background: #f36e21; transform: translateX(-50%);}
#banner .con-in .cate{ margin-top: 100px;}
#banner .con-in .cate .item{ margin-left: 20px; padding: 10px 22px; line-height: 30px; font-size: 18px; color: #1a1a1a; border-radius: 5px;}
#banner .con-in .cate .item:first-child{ margin-left: 0;}
#banner .con-in .cate .item.cur,
#banner .con-in .cate .item:hover{ background: #333; color: #fff;}

#banner .swiper-container-horizontal>.swiper-pagination-bullets,
#banner .swiper-pagination-custom,
#banner .swiper-pagination-fraction{ bottom: 105px; width: 100%; height: 3px; line-height: 0; font-size: 0; text-align: center;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; margin-left: 9px; width: 63px; height: 3px; background: #000; opacity: .2; border-radius: 0; transition: all .3s;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-child{ margin-left: 0;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}
#banner .b-news{ bottom: 0; left: 0; width: 100%; height: 70px; border-top: 1px solid #c6c6c6; z-index: 1;}
#banner .b-news .cw1600{ display: flex; justify-content: space-between; align-items: center; height: 100%;}
#banner .b-news .b-news-left{ display: flex; justify-content: start; align-items: center; height: 100%;}
#banner .b-news .b-news-tit{ margin-right: 20px; padding-right: 22px; border-right: 1px solid #1a1a1a; font-size: 16px; color: #9d9d9d;}
#banner .b-news .b-news-list{ height: 100%;}
#banner .b-news .b-news-list .slide{ display: flex; justify-content: start; align-items: center;}
#banner .b-news .b-news-list .slide .tit{ font-size: 16px; color: #666;}
#banner .b-news .b-news-list .slide .time{ margin-left: 60px; font-size: 16px; color: #9d9d9d;}
#banner .b-news .b-news-more{ font-size: 16px; color: #999; font-family: sr;}

@media screen and (max-width: 1600px) {
    #banner .con-in .cate{ margin-top: 50px;}
}

@media screen and (max-width: 1440px){
    #banner .con-in{ margin-top: 3.5%;}
    #banner .con .mid-txt{ line-height: 45px; font-size: 30px;}
}

@media screen and (max-width: 1060px){
    #m_banner .slide img{ max-width: 100%; max-height: 100%;}
    #m_banner .con{ display: flex; justify-content: center; align-items: center; flex-direction: column; top: -32%; left: 50%; height: 100%; transform: translateX(-50%);}
    #m_banner .con .txt{ width: 100%; line-height: 80px; font-size: 40px; color: #fff; font-family: hsb; font-weight: 500; text-align: center;}
    #m_banner .con .btn{ width: 180px; height: 30px; line-height: 30px; font-size: 24px; color: #fff; text-align: center;}
    #m_banner .con .tit{ padding-bottom: 30px; font-size: 48px;}
    #m_banner .con .tit:before{ display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 50px; height: 3px; background: #1a1a1a; transform: translateX(-50%);}
    #m_banner .con .cate{ margin-top: 50px;}
    #m_banner .con .cate .item{ margin-left: 20px; padding: 10px 22px; line-height: 30px; font-size: 24px; color: #1a1a1a; border-radius: 5px;}
    #m_banner .con .cate .item:first-child{ margin-left: 0;}
    #m_banner .con .cate .item.cur{ background: #333; color: #fff;}

    #m_banner .ban-con .con .txt{ text-shadow: 0 3px 9px rgba(0, 0, 0, .57);}
    #m_banner .contact .con .txt{ text-align: left;}
    #m_banner .ban-con .con .txt.ind-detail{ font-size: 28px; font-family: hsr;}
    #m_banner .ban-con .con .top-txt{ width: 100%; line-height: 34px; font-size: 24px; color: #1a1a1a; font-family: rr; text-align: center;}
    #m_banner .ban-con .con .mid-txt{ width: 100%; line-height: 67px; font-size: 40px; color: #1a1a1a; font-family: rm; font-weight: 500; text-align: center;}
    #m_banner .ban-con .con .bot-txt{ width: 100%; line-height: 38px; font-size: 20px; color: #1a1a1a; font-family: rr; text-align: center;}
    /*
        #m_banner .ban-btn{ top: 50%; left: 30px; z-index: 1; width: 36px; height: 36px; transform: translateY(-50%);}
        #m_banner .ban-btn img{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
        #m_banner .ban-btn img:last-child{ opacity: 0;}
        #m_banner .ban-btn.next{ right: 30px; left: inherit;}
        #m_banner .ban-btn.next img{ transform: translate(-50%, -50%) rotate(180deg);}
    */
}
@media screen and (max-width: 768px){
    /* #m_banner .con{ top: 0;} */
    #m_banner .ban-conproducts{ text-align: center;}
    #m_banner .con{top: 0%;}
    #m_banner .con .cate .item{padding:10px;}

    #m_banner.dd-index  .con{top: -33%;}
    #m_banner .con .btn{width:41px; height:11px; line-height:11px; margin-top:5px;}
}
/* 广告图 */

/*
#banner .ban-con .con .txt{ text-shadow: 0 3px 9px rgba(0, 0, 0, .57);}
#banner .contact .con .txt{ text-align: left;}
#banner .ban-con .con .txt.ind-detail{ font-size: 28px; font-family: hsr;}

#banner .ban-btn{ top: 50%; left: 30px; z-index: 1; width: 36px; height: 36px; background: #f5f7f9; border-radius: 50%; transform: translateY(-50%);}
#banner .ban-btn img{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
#banner .ban-btn img:last-child{ opacity: 0;}
#banner .ban-btn.next{ right: 30px; left: inherit;}
#banner .ban-btn.next img{ transform: translate(-50%, -50%) rotate(180deg);}
#banner .ban-btn:hover img:last-child{ opacity: 1;}
*/

/* 首页 */
#i-pro{ margin-top: 140px;}
#i-pro .container{ border-radius: 15px;}
#i-pro .slide{ display: flex; justify-content: space-between; align-items: center; width: 100%; background: #fff;}
#i-pro .slide .con{ padding-left: 60px; width: 50%;}
#i-pro .slide .con .en{ width: 100%; line-height: 42px; font-size: 40px; color: #000; font-weight: 500; font-family: rcb;}
#i-pro .slide .con .cn{ width: 100%; line-height: 52px; font-size: 40px; color: #000; font-weight: 500;}
#i-pro .slide .con .brief{ margin-top: 21px; width: 68%; line-height: 28px; font-size: 16px; color: #666;}
#i-pro .slide .con .more{ position: relative; margin-top: 65px; width: 150px; height: 50px; line-height: 46px; border: 1px solid #121212; font-size: 16px; color: #333; text-align: center; border-radius: 5px;}
#i-pro .slide .con .more i{background: url(../images/btn_icon0.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 5px);width: 6px;height: 10px;}
#i-pro .slide .img{ max-width: 50%;}
#i-pro .slide .img img{ max-width: 100%; max-height: 100%;}
#i-pro .slide .pro-img{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
#i-pro .slide .pro-img img{ max-width: 100%; max-height: 100%;}

#i-pro .circle-page{ display: flex; justify-content: center; align-items: center; flex-direction: column; top: 0; right: 43px; left: inherit; z-index: 1; width: 14px; height: 100%;}
#i-pro .circle-page .circle{ margin-top: 17px; width: 14px; height: 14px; cursor: pointer;}
#i-pro .circle-page .circle:first-child{ margin-top: 0;}
#i-pro .circle-page .circle .a{ position: relative; width: 100%; height: 100%; border: 3px solid rgba(0, 0, 0, 0); box-sizing: border-box; border-radius: 50%;}
#i-pro .circle-page .circle .a:before{ display: block; content: ''; width: 100%; height: 100%; background: #fff; border-radius: 50%;}
#i-pro .circle-page .circle .d{ position: absolute; top: 0; left: 0;}
@media screen and (max-width: 750px){
    #i-pro .circle-page{display:none;}
}

#i-sys{ margin-top: 140px;}
#i-sys .list{ display: flex; justify-content: space-between; align-content: start;}
#i-sys .list .item{ z-index: 1; padding: 74px 60px; width: 48.75%; height: 600px; background: #fff; border-radius: 14px; overflow: hidden;}
#i-sys .list .item:hover{ box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);}
#i-sys .list .item.one_item{ width: 100%;}
#i-sys .list .item .con{ z-index: 1;}
#i-sys .list .item .con .tit{ width: 100%; line-height: 38px; font-size: 30px; color: #1a1a1a;}
#i-sys .list .item .con .brief{ margin-top: 11px; width: 100%; line-height: 26px; font-size: 16px; color: #666;}
#i-sys .list .item .con .more{ position: relative; margin-top: 40px; width: 150px; height: 50px; line-height: 46px; border: 1px solid #121212; font-size: 16px; color: #333; text-align: center; border-radius: 5px;}
#i-sys .list .item .con .more i{background: url(../images/btn_icon0.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 5px);width: 6px;height: 10px;}
#i-sys .list .item .img{ right: 0; bottom: 0; text-align: right;}

#i-sol0{ margin-top: 0px;}
#i-sol{ margin-top: 40px;}
#i-sol .pg-tit{ width: 100%; line-height: 68px; font-size: 48px; color: #1a1a1a; font-family: sr; font-weight: 500; text-align: center;}
.pg-txt{ width: 100%; line-height: 30px; font-size: 16px; text-align: center;}
#i-sol .list{ margin-top: 68px; width: 100%;}
#i-sol .list .anniu{ cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 50%;z-index: 3;background: no-repeat center rgba(255, 255, 255, 0); filter: invert(1); transform: translateY(-50%);}
#i-sol .list .next{ right: 0;background-image: url(/static/images/gwf/icon21.png);}
#i-sol .list .prev{ left: 0;background-image: url(/static/images/gwf/icon20.png);}
#i-sol .list .anniu:hover{background-color: rgba(255, 255, 255, .5);}
#i-sol .list .swiper-container{ padding-bottom: 85px;}
#i-sol .list .item{ width: 48.75%; background: #fff; border-radius: 14px; overflow: hidden;}
#i-sol .list .item .img{ overflow: hidden;}
#i-sol .list .item .img img{ max-width: 100%; max-height: 100%;}
#i-sol .list .item .con{ padding: 34px 10px 25px;}
#i-sol .list .item .con .tit{ width: 100%; line-height: 38px; font-size: 21px; color: #1a1a1a;}
#i-sol .list .item .con .brief{ margin-top: 10px; width: 100%; line-height: 26px; font-size: 16px; color: #666;}
#i-sol .list .item .con .more{ position: relative; margin-top: 40px; width: 150px; height: 50px; line-height: 46px; border: 1px solid #f36e21; font-size: 16px; color: #333; text-align: center; border-radius: 5px;}
#i-sol .list .item .con .more i{background: url(../images/btn_icon0.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 5px);width: 6px;height: 10px;}

#i-sol .swiper-container-horizontal>.swiper-pagination-bullets{ opacity: 0 !important; transition: all 0s;}
#i-sol .circle-page .circle{ margin-left: 13px; width: 18px; height: 18px; cursor: pointer;}
#i-sol .circle-page .circle:first-child{ margin-left: 0;}
#i-sol .circle-page .circle .a{ position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #ccc; border-radius: 50%; transform: translate(-50%, -50%); transition: all .5s;}
#i-sol .circle-page .circle .d{ border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; transition: all .5s;}
#i-sol .circle-page .circle.cur .d{ border: 1px solid #dfe1e4;}
#i-sol .circle-page .circle.cur .a{ background: #1a1a1a;}

#i-case{ margin-top: 60px;}
#i-case .pg-tit{ width: 100%; line-height: 64px; font-size: 48px; color: #1a1a1a; font-weight: 500; text-align: center;}
#i-case .list{ margin-top: 70px; width: 100%; height: 400px;  overflow: hidden;}
#i-case .list .list-in{ width: 100%;}
#i-case .list .item{ margin-top: 2.5%; width: 48.75%; border-radius: 14px; overflow: hidden;}
#i-case .list .item img{ max-width: 100%; max-height: 100%;}
#i-case .list .item:nth-child(-n+2){ margin-top: 0;}
#i-case .list .item .con{ bottom: 0; left: 0; z-index: 1; padding: 0 60px; width: 100%; min-height: 110px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));}
#i-case .list .item .con .cate{ width: 100%; line-height: 27px; font-size: 18px; color: #fff;}
#i-case .list .item .con .tit{ margin-top: 9px; width: 100%; line-height: 33px; font-size: 24px; color: #fff;}

#i-case .mCS-dark.mCSB_scrollTools{ opacity: 1; margin-right: 10px;}
#i-case .mCSB_scrollTools .mCSB_draggerContainer{ top: 50%; height: 92%; transform: translateY(-50%);}
#i-case .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background: rgba(0, 0, 0, .15);}
#i-case .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 12px; background: #fff;}

#i-video{ margin-top: 140px;}
#i-video .img{ width: 100%; border-radius: 15px; text-align: center; overflow: hidden;}
#i-video .img img{ max-width: 100%; max-height: 100%;}
#i-video .img video{ width: 100%;}
#i-video .img .icon{ top: 50%; left: 50%; width: 103px; height: 104px; transform: translate(-50%, -50%);}

#i-news{ padding-top: 20px; background-color:#f5f6f6; padding-bottom:50px;}
#i-news .cw1600{ display: flex; justify-content: space-between; align-content: start;}
#i-news .left{ width: 48.75%; border-radius: 12px;}
#i-news .left:hover{ box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
#i-news .left .item{ width: 100%;}
#i-news .left .item .img{ border-radius: 14px; overflow: hidden;}
#i-news .left .item .img img{ max-width: 100%; max-height: 100%;}
#i-news .left .item .con{ left: 0; bottom: 0; padding: 60px 60px 43px; width: 100%; background: linear-gradient(to top, rgba(255, 255, 255, .8) 30%, rgba(255, 255, 255, 0));}
#i-news .left .item .con .tit{ width: 65%; line-height: 43px; font-size: 30px; color: #1a1a1a;}
#i-news .left .item .con .date{ margin-top: 13px; font-size: 18px; color: #000; opacity: .5;}
#i-news .rig{ display: flex; justify-content: space-between; align-content: space-between; flex-wrap: wrap; width: 48.75%;}
#i-news .rig .item{ margin: 40px 5% 0 0; width: 47.4359%; height: 15vw; background: #fff; border-radius: 12px; overflow: hidden;}
#i-news .rig .item:nth-child(-n+2){ margin-top: 0;}
#i-news .rig .item:nth-child(2n){ margin-right: 0;}
#i-news .rig .item:after{ display: block; content: '';}
#i-news .rig .item .img{ top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #fff; overflow: hidden; opacity: 0;}
/*#i-news .rig .item .img img{ max-width: 100%; max-height: 100%;}*/
#i-news .rig .item .item-in{ display: flex; justify-content: space-between; align-content: start; flex-direction: column; padding: 55px 20px 43px 40px; width: 100%; height: 100%;}
#i-news .rig .item .item-in .top{ width: 100%;}
#i-news .rig .item .item-in .top .tit{ width: 100%; line-height: 40px; font-size: 24px; color: #1a1a1a;}
#i-news .rig .item .item-in .top .date{ margin-top: 16px; width: 100%; line-height: 24px; font-size: 18px; color: #999;}
#i-news .rig .item:hover{ box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
#i-news .rig .item:hover .img{ opacity: 1;}
#i-news .rig .item:hover .btn img{ transform: translateX(20px);}

#i-ser{ margin: 140px 0;}
#i-ser .cw1600{ padding: 70px 100px 105px; background: #fff; overflow: hidden; border-radius: 20px;}
#i-ser .cw1600 .pg-tit{ width: 100%; line-height: 68px; font-size: 40px; color: #1a1a1a; font-family: sr; font-weight: 500; text-align: center;}
#i-ser .cw1600 .pg-brief{ width: 100%; line-height: 47px; font-size: 18px; color: #1a1a1a; font-family: sr; text-align: center;}
#i-ser #more-services .form .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
/*
#i-ser .cw1600 form{ margin-top: 34px; width: 100%;}
#i-ser .cw1600 form .row{ display: flex; justify-content: space-between; align-content: space-between; margin-top: 28px; width: 100%;}
#i-ser .cw1600 form .row:first-child{ margin-top: 0;}
#i-ser .cw1600 form .row .input{ margin-left: 2.5%; width: 31.6429%;}
#i-ser .cw1600 form .row .input:first-child{ margin-left: 0;}
#i-ser .cw1600 form .row .input .tit{ width: 100%; line-height: 25px; font-size: 16px; color: #1a1a1a;}
#i-ser .cw1600 form .row .input .tit span{ margin-left: 5px; line-height: 25px; font-size: 40px;}
#i-ser .cw1600 form .row .input select,
#i-ser .cw1600 form .row .input input{ margin-top: 7px; padding: 0 10px; width: 100%; height: 50px; border: 1px solid #e6e6e6;}
#i-ser .cw1600 form .row .input select{ background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none;}
#i-ser .cw1600 form input[type=submit]{ display: block; margin: 54px auto 0; width: 150px; height: 50px; background: #333; font-size: 18px; color: #fff; font-family: sm; cursor: pointer; border-radius: 4px;}
*/

#i-ser .cw1600 .title{margin-bottom: 50px;}
#i-ser .cw1600 .title .ti1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 20px;}
#i-ser .cw1600 .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;/*margin-bottom: 50px;*/}
#i-ser .cw1600 .con{background: #FFFFFF;border-radius: 15px;padding: 0 4.25%;}
#i-ser .cw1600 .con .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#i-ser .cw1600 .con .input:nth-child(3n){margin-right: 0;}
#i-ser .cw1600 .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#i-ser .cw1600 .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#i-ser .cw1600 .con .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#i-ser .cw1600 .con .input input[type="text"].cur{border: 1px solid #666666;}
#i-ser .cw1600 .con .input select.cur{border: 1px solid #666666;}
#i-ser .cw1600 .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 30px auto 0;cursor: pointer;}
#i-ser .cw1600 .con label input{display: none;}

@media screen and (max-width: 1560px){
    #i-pro .slide .pro-img{ width: 35%;}
}
@media screen and (max-width: 1440px){
    #i-pro,
    #i-sys,
    #i-sol,
    #i-case,
    #i-video,
    #i-news,
    #i-ser{ margin-top: 100px !important;}
    #i-pro .slide .con .en,
    #i-pro .slide .con .cn{ font-size: 32px;}
    #i-sys .list .item img{ max-width: 70%;}
    #i-news .rig .item .item-in .top .tit{ line-height: 30px; font-size: 16px;}
    #i-news .left .item .con .tit{ line-height: 35px; font-size: 20px;}
    #i-ser{ margin: 100px 0 !important;}
    #i-ser .cw1600{ padding: 60px 50px;}
}
@media screen and (max-width: 1060px){
    #i-pro .slide .con{ padding-left: 20px;}
    #i-pro .slide .con .con-in{ padding: 30px 0;}
    #i-pro .slide .con .en,
    #i-pro .slide .con .cn{ font-size: 22px;}
    #i-pro .slide .con .en{ line-height: 30px;}
    #i-pro .slide .con .cn{ line-height: 22px;}
    #i-pro .slide .con .brief{ margin-top: 15px; line-height: 24px; font-size: 14px;}
    #i-pro .slide .con .more{ margin-top: 40px;}
    #i-pro .slide .con .more i{ top: calc(50% - 8px); width: 20px; height: 20px; background-size: auto 100%; background-position: center;}


    #i-sys .list .item{ padding: 30px; height: 450px;}

    #i-news .left .item .con{ padding: 20px;}
    #i-news .left .item .con .tit{ width: 90%;}
    #i-news .rig .item .item-in{ padding: 15px 10px;}
    #i-news .rig .item .item-in .top .date{ font-size: 13px;}

    #i-sol .list .item .con{ padding: 40px 20px;}

    #i-case .list{ height: 53.90625vw;}

    #i-news .rig .item .item-in .top .tit{ font-size: 12px;}

    #i-ser .cw1600 .con{ padding: 0;}
}
@media screen and (max-width: 768px){
    #i-pro .slide{ flex-direction: column-reverse;}
    #i-pro .slide .img{ max-width: 100%;}
    #i-pro .slide .con{ padding: 30px 50px; width: 100%;}
    #i-pro .slide .con .en,
    #i-pro .slide .con .cn{ line-height: 45px; font-size: 34px;}
    #i-pro .slide .con .brief{ width: 100%; line-height: 35px; font-size: 26px; height:35px; overflow:hidden;}
    #i-pro .slide .con .more{ width: 250px; height: 80px; line-height: 80px; font-size: 28px;}
    /*#i-case .list .item .con .tit{ }*/

    #i-ser{ margin: 50px 0 !important; background: #fff;}
    #i-ser .cw1600 .title .ti2{ line-height: 35px; font-size: 28px;}

    #i-sys .list{ flex-direction: column;}
    #i-sys .list .item{ margin-top: 50px; padding: 50px; width: 100%;}
    #i-sys .list .item:first-child{ margin-top: 0;}
    #i-sys .list .item .con .tit{ line-height: 45px; font-size: 34px;}
    #i-sys .list .item .con .brief{ line-height: 30px; font-size: 28px;}
    #i-sys .list .item .con .more{ width: 250px; height: 80px; line-height: 80px; font-size: 28px;}

    #i-sol .list .item .con .tit{ line-height: 45px; font-size: 34px;}
    #i-sol .list .item .con .brief{ font-size: 28px;}
    #i-sol .list .item .con .more{ width: 250px; height: 80px; line-height: 80px; font-size: 28px;}

    #i-case .list .item .con .cate,
    #i-case .list .item .con .tit{ font-size: 28px;}

    #i-news .cw1600{ flex-direction: column;}
    #i-news .left{ width: 100%;}
    #i-news .left .item .con{ padding: 30px;}
    #i-news .left .item .con .tit{ line-height: 48px; font-size: 34px;}
    #i-news .left .item .con .date{ font-size: 28px;}
    #i-news .rig{ margin-top: 50px; width: 100%;}
    #i-news .rig .item{ margin-top: 30px; height: auto;}
    #i-news .rig .item .item-in{ padding: 30px 20px;}
    #i-news .rig .item .item-in .top{ margin-bottom: 30px;}
    #i-news .rig .item .item-in .top .tit{ line-height: 48px; font-size: 32px;}
    #i-news .rig .item .item-in .top .date{ font-size: 28px;}

    #i-ser .cw1600 .title .ti2{ line-height: 35px; font-size: 28px;}
    #i-ser .cw1600 .con .input{ float: none; width: 100%;}
    #i-ser .cw1600 .con .t3{ line-height: 60px; font-size: 30px;}
    #i-ser .cw1600 .con .input input[type="text"]{ height: 80px;}
    #i-ser #more-services .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #i-ser .cw1600 .con label{ width: 250px; height: 80px; line-height: 80px; font-size: 30px;}
}
@media screen and (max-width: 750px){
    #i-sys .list .item{height:auto; display:block; padding:0;}
    #i-sys .list .item .img{display:block;}
    #i-sys .list .item img{max-width:100%; width:100%;}
    #i-sys .list .item .con.mb{display:block; flex-direction:unset; justify-content:normal; align-content:normal; padding:20px;}

    #i-ser .cw1600 .con .input input[type="text"]{ font-size: 30px;}
}
/* 首页 */

.cw1600{max-width: 1600px; width: 92%;margin:auto;}
.text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;}
.text-line.line2,[text-line][line2]{-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}
@-webkit-keyframes moveRightIn{
    50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
    51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes moveRightIn{
    50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
    51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes moveDownIn{
    50%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}
    51%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes moveDownIn{
    50%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}
    51%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
/*案例中心*/
/*#case{background: #f5f7fa;}*/
#case{background: #fff;}
#case .cw1600{position: relative;z-index: 5;}
#case .keyword{height: 160px;background: #FFFFFF;border-radius: 15px;padding: 48px 0;position: absolute;z-index: 5;top: -100px;left: 0;width: 100%;}
#case .keyword .key{height: 64px;line-height: 64px;width: 20.625%;text-align: right;font-size: 18px;color: #999;}
#case .keyword .select{height: 64px;width: 55.625%;margin-left: 27px;background: #FAFBFC;border: 1px solid #E6E6E6;padding: 0 28px;position: relative;}
#case .keyword .select select{display: block; padding: 10px 20px; width: 100%;height: 100%;font-size: 18px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
#case .keyword .select select::-ms-expand {display: none;}
#case .keyword .select:before{display: block;content:"";position: absolute;width: 15px;height: 9px;background: url(/static/images/gwf/icon3.png) no-repeat;right: 28px;top: calc(50% - 4px);pointer-events: none;}

#case .keyword .select .pc{ height: 100%;}
#case .keyword .select .pc-sel{ height: 100%; cursor: pointer;}
#case .keyword .select .sel-btn{ width: 100%; height: 100%; font-size: 18px;}
#case .keyword .select .sel-list{ top: calc(100% + 1px); left: 0; width: 100%; height: 0; overflow: hidden;}
#case .keyword .select .sel-list .sel-list-in{ padding: 20px; width: 100%; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); background: #fff; border-radius: 10px;}
#case .keyword .select .sel-list .sel-item{ width: 100%; height: 50px; line-height: 50px; font-size: 18px;}
#case .keyword .select .pc.cur .sel-list{ overflow: visible;}

#case .con{margin: 20px auto 50px;}
#case .con .hot{background: #fff;overflow: hidden;border-radius: 15px;margin-bottom: 2.625%;}
#case .con .hot .img{width: 50%;}
#case .con .hot .img .relative{padding-top: 62.5%;}
#case .con .hot .text{width: 50%;}
#case .con .hot .text .relative{padding-top: 62.5%;}
#case .con .hot .text .m-pic{padding: 0 8.75%;}
#case .con .hot .text .t1{font-size: 16px;line-height: 30px;color: #666666;}
#case .con .hot .text .t2{font-size: 36px;line-height: 48px;color: #1A1A1A;margin: 10px auto 30px;}
#case .con .hot .text .t3{font-size: 16px;line-height: 28px;color: #666666;}
#case .con .hot .text .more{display: block;width: 150px;height: 50px;line-height: 48px;border: 1px solid #121212;border-radius: 5px;font-size: 16px;text-align: center;margin-top: 55px;position: relative;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}
#case .con .hot .text .more i{background: url(/static/images/gwf/icon2.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 4px);width: 6px;height: 10px;}
#case .con .item{width: 18%;margin: 0 1% 1% 1%;background: #fff;overflow: hidden;border-radius: 15px;}
#case .con .item:hover{ box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);}
#case .con .item:nth-child(2n){margin-right: 1%;}
#case .con .item .img{width: 100%;padding-top: 62.5641%;}
#case .con .item .text{padding: 20px 6.153% 10px;}
#case .con .item .text .txt{width: 81.286%;}
#case .con .item .text .t1{font-size: 16px;color: #666666;}
#case .con .item .text .t2{font-size: 20px;color: #1A1A1A;}
#case .con .item .text .t3{font-size: 18px;color: #666666;}
#case .con .item .text .more{width: 41px;height: 11px;margin-top: 0px;background: url(/static/images/gwf/icon1.png) no-repeat center;}
#case .con .item:hover .more{ transform: translateX(20px);}

@media screen and (max-width: 1260px){
    #case .con .hot .text .t2{ line-height: 40px; font-size: 30px;}
    #case .con .hot .text .more{ margin-top: 30px;}
    #case .con .item .text .t2{ font-size: 20px;}
    #case .con .item .text .t3{ font-size: 14px;}
}
@media screen and (max-width: 1060px){
    #case .con .hot .text .t2{ margin-bottom: 10px; font-size: 24px;}
    #case .con .hot .text .more{ margin-top: 10px;}
}
@media screen and (max-width: 768px){
    #case .keyword{ position: static; background: none; height: auto;}
    #case .keyword .key{ float: none; width: 100%; font-size: 34px; text-align: center;}
    #case .keyword .select{ float: none; margin: 20px 0 0 0; width: 100%; height: 80px;}
    #case .keyword .select .mb{ height: 100%;}
    #case .keyword .select select{ font-size: 28px;}

    #case .con{ margin-top: 20px;}
    #case .con .hot .img{ float: none; width: 100%;}
    #case .con .hot .text{ float: none; width: 100%;}
    #case .con .hot .text .t1{ line-height: 1.8; font-size: 28px;}
    #case .con .hot .text .t2{ line-height: 1.8; font-size: 34px;}
    #case .con .hot .text .t3{ line-height: 1.8; font-size: 28px;}
    #case .con .hot .text .more{ margin-top: 30px; width: 250px; height: 80px; line-height: 80px; font-size: 28px;}
    #case .con .hot .text .more i{ top: calc(50% - 8px); width: 20px; height: 20px; background-size: auto 100%; background-position: center;}

    #case .con .item .text .txt{ float: none; width: 100%;}
    #case .con .item .text .more{ display: block; float: none;}
    #case .con .item .text .t1{ line-height: 1.8; font-size: 28px;}
    #case .con .item .text .t2{ margin: 7px 0; line-height: 1.8; font-size: 30px;}
    #case .con .item .text .t3{ line-height: 1.8; font-size: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit;}
    #case .con .item .text .more{ margin-top: 22px;}

    #product_scheme .three .zhitem .img{display:none;}
}
/* 案例中心 */
/*产品方案-服务与支持-常见问题解答*/
#problem{background: #f5f7fa;}
#problem .cw1600{position: relative;z-index: 5;}
#problem .keyword{height: 160px;background: #FFFFFF;border-radius: 15px;padding: 48px 7.5%;position: absolute;z-index: 5;top: -100px;left: 0;width: 100%;}
#problem .keyword .key{height: 64px;line-height: 64px;width: 16.441%;text-align: right;font-size: 18px;color: #1A1A1A;}
#problem .keyword .form{height: 64px;width: 65.441%;margin-left: 27px;background: #FAFBFC;border: 1px solid #E6E6E6;position: relative}
#problem .keyword .form input[type="text"]{ padding: 0 20px; width: calc(100% - 64px);height: 64px;font-size: 18px;}
#problem .keyword .form label{width: 64px;height: 64px;border-left: 1px solid #E6E6E6;background: url(/static/images/gwf/icon7.png) no-repeat center;cursor: pointer;}
#problem .keyword .form label input{display: none;}
#problem .answer{margin: 100px auto;background: #FFFFFF;border-radius: 15px;padding: 52px 7.5% 135px;}
#problem .answer .list{padding: 36px 36px 36px 30px;border-bottom: 2px solid #f2f2f2;}
#problem .answer .list .title{ cursor: pointer;}
#problem .answer .list .title .t1{font-size: 18px;color: #1A1A1A;line-height: 26px;width: calc(100% - 55px);margin-top: 9px;}
#problem .answer .list .title .open{width: 45px;height: 45px;background: url(/static/images/gwf/icon6.png) no-repeat center #FFFFFF;border: 1px solid #333333;border-radius: 5px;}
#problem .answer .list .con{ width: 100%; height: 0;}
#problem .answer .list .con .con-in{font-size: 16px;color: #1A1A1A;line-height: 30px;padding: 25px 0 34px;}
#problem .answer .list.cur{background: #fafbfc;}
#problem .answer .list.cur .title .t1{font-weight: bold;}
#problem .answer .list.cur .title .open{background: url(/static/images/gwf/icon5.png) no-repeat center #333;}
/*#problem .answer .list.cur .con{display: block;}*/
#problem .help{margin-bottom: 60px;}
#problem .help .title{ margin-bottom: 50px;}
#problem .help .title .ti1{font-size: 36px;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;text-align: center;}
#problem .help .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;}
#problem .help .con{background: #FFFFFF;border-radius: 15px;padding: 5% 6.25%;}
#problem .help .con .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#problem .help .con .input:nth-child(3n){margin-right: 0;}
#problem .help .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#problem .help .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#problem .help .con textarea{height: 200px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;resize: none;padding-top: 10px;}
#problem .help .con .input input[type="text"].cur{border: 1px solid #666666;}
#problem .help .con textarea.cur{border: 1px solid #666666;}
#problem .help .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 60px auto 0;cursor: pointer;}
#problem .help .con label input{display: none;}
@media screen and (max-width: 1060px){
    #problem .keyword .key{ width: 22.441%;}
    #problem .answer{ padding: 30px 2.5% 100px;}
}
@media screen and (max-width: 768px){

    #problem .keyword{ position: static; margin-top: 50px; margin-bottom: 0; padding: 0; height: auto; background: none; transform: translateY(0);}
    #problem .keyword .key,
    #problem .keyword .form{ float: none; width: 100%;}
    #problem .keyword .key{ font-size: 34px; text-align: center;}
    #problem .keyword .form{ margin: 10px 0 0 0; height: 80px;}
    #problem .keyword .form input[type="text"]{ width: calc(100% - 80px); height: 80px; font-size: 28px;}
    #problem .keyword .form label{ width: 80px; height: 80px; background-size: auto 30%;}

    #problem .answer{ margin-top: 50px;}
    #problem .answer .list{ padding: 20px;}
    #problem .answer .list .title .t1{ width: calc(100% - 70px); line-height: 1.8; font-size: 28px;}
    #problem .answer .list .title .open{ background-size: 50%;}
    #problem .answer .list .con .con-in *{ line-height: 1.8; font-size: 28px;}

    #problem .help .title .t2{ line-height: 35px; font-size: 28px;}
    #problem .help .con .input{ float: none; width: 100%;}
    #problem .help .con .t3{ line-height: 60px; font-size: 30px;}
    #problem .help .con .input input[type="text"]{ height: 80px;}
    #problem .help .con .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #problem .help .con label{ margin-top: 20px; width: 250px; height: 80px; line-height: 80px; font-size: 30px;}
}
/*产品方案-服务与支持-常见问题解答*/

/*产品方案-服务与支持-售后服务政策*/
#policy{background: #f5f7fa;}
#policy .cw1600{position: relative;z-index: 5;}
#policy .con{background: #FFFFFF;border-radius: 15px;padding: 6.25% 15.625%;margin-bottom: 25px;-webkit-transform:translateY(-100px);transform:translateY(-100px);}
@media screen and (max-width: 768px){
    #policy .con{ margin-top: 50px; padding: 5% 3%; transform: translateY(0);}
    #policy .con *{ line-height: 1.8 !important; font-size: 28px !important;}
}
/*产品方案-服务与支持-售后服务政策*/

/*产品方案-服务与支持-下载中心*/
#download{background: #f5f7fa;}
#download .cw1600{position: relative;z-index: 5;}
#download .keyword{height: 160px;background: #FFFFFF;border-radius: 15px;padding: 48px 7.5%;position: absolute;z-index: 5;top: -100px;left: 0;width: 100%;}
#download .keyword .key{height: 64px;line-height: 64px;width: 16.441%;text-align: right;font-size: 18px;color: #1A1A1A;}
#download .keyword .form{height: 64px;width: 65.441%;margin-left: 27px;background: #FAFBFC;border: 1px solid #E6E6E6;position: relative}
#download .keyword .form input[type="text"]{width: calc(100% - 64px);height: 64px;text-indent: 28px;font-size: 18px;}
#download .keyword .form label{width: 64px;height: 64px;border-left: 1px solid #E6E6E6;background: url(/static/images/gwf/icon7.png) no-repeat center;cursor: pointer;}
#download .keyword .form label input{display: none;}
#download .core{margin: 100px auto 125px;background: #FFFFFF;border-radius: 15px;padding: 70px 7.5% 70px;}
#download .core .cate{margin-bottom: 40px;}
#download .core .cate .ca{min-width: 140px;height: 45px;line-height: 45px;background: #F5F7FA;border: 1px solid #F5F7FA;border-radius: 23px;font-size: 16px;text-align: center;display: block;margin: 0 20px 20px 0;padding: 0 15px;}
#download .core .cate .ca.cur,
#download .core .cate .ca:hover{border: 1px solid #f36e21;}
#download .core .con .item{width: 31%;margin: 0 0 1.912% 1.912%;background: #FAFBFC;border-radius: 5px;padding: 0%;}
#download .core .con .item:nth-child(2n){margin-right: 0;}
#download .core .con .item .t1{font-size: 20px;color: #1A1A1A;line-height: 26px;}
#download .core .con .item .t2{font-size: 16px;color: #999999;line-height: 26px;margin: 15px auto 0px;}
#download .core .con .item .down{width: 120px;height: 45px;line-height: 45px;background: #FFFFFF;border-radius: 5px;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;cursor: pointer;position: relative;font-size: 16px;color: #333333;/*text-align: right;padding-right: 27px;*/ border: 1px solid #e6e6e6; cursor: pointer;}
#download .core .con .item .down i{ display: block; margin-right: 10px; background: url(/static/images/gwf/icon8.png) no-repeat;/*position: absolute;left: 31px;top: calc(50% - 10px);*/width: 20px;height: 20px;}
#download .core .con .item:hover{background: #FFFFFF;box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);}
#download .core .con .item:hover .down{background: #333;color: #fff;}
#download .core .con .item:hover .down i{-webkit-animation:moveDownIn 1s 1;animation:moveDownIn 1s 1;background: url(/static/images/gwf/icon9.png) no-repeat;}
@media screen and (max-width: 1024px){
    #download .keyword .key{ width: 22.441%;}
}
@media screen and (max-width: 768px){
    #download .keyword{ position: static; margin-top: 50px; margin-bottom: 0; padding: 0; height: auto; background: none; transform: translateY(0);}
    #download .keyword .key,
    #download .keyword .form{ float: none; width: 100%;}
    #download .keyword .key{ font-size: 34px; text-align: center;}
    #download .keyword .form{ margin: 10px 0 0 0; height: 80px;}
    #download .keyword .form input[type="text"]{ width: calc(100% - 80px); height: 80px; font-size: 28px;}
    #download .keyword .form label{ width: 80px; height: 80px; background-size: auto 30%;}

    #download .core .cate .ca{ padding: 20px 40px; width: auto; height: auto; line-height: inherit; font-size: 28px; border-radius: 60px;}
    #download .core .con .item{ margin: 0; margin-top: 30px; width: 100%;}
    #download .core .con .item .t1,
    #download .core .con .item .t2{ line-height: 1.8; font-size: 28px;}
    #download .core .con .item .t2{ margin-top: 30px; float: left;}
    #download .core .con .item .down{ margin-top: 20px; float: right; width: 150px; height: 60px; line-height: 60px; font-size: 28px;}
    #download .core .con .item .down i{ width: 40px; height: 40px; background-size: 70% auto;}
}
/*产品方案-服务与支持-下载中心*/

/*关于我们-公司资讯*/
#news{background: #f5f7fa;}
#news .cw1600{z-index: 5;}
#news .hot{background: #fff;overflow: hidden;border-radius: 15px;position: absolute;z-index: 5;top: -200px;left: 0;width: 100%;}
#news .hot .img{width: 50%;}
#news .hot .img .relative{padding-top: 62.5%;}
#news .hot .text{width: 50%;}
#news .hot .text .relative{padding-top: 62.5%;}
#news .hot .text .m-pic{padding: 0 8.75%;}
#news .hot .text .t1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;}
#news .hot .text .t2{font-size: 18px;color: #000000;line-height: 30px;opacity: 0.5;margin: 25px auto 32px;}
#news .hot .text .t3{font-size: 18px;color: #1A1A1A;line-height: 30px;}
#news .hot .text .more{display: block;width: 150px;height: 50px;line-height: 48px;border: 1px solid #121212;border-radius: 5px;font-size: 16px;text-align: center;margin-top: 55px;position: relative;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}
#news .hot .text .more i{background: url(/static/images/gwf/icon2.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 4px);width: 6px;height: 10px;}
#news .con{ top: -200px; margin: 21% auto 80px;}
#news .item{width: 31.875%;border-radius: 15px;margin: 0 2.1875% 2.1875% 0;background: #fff;overflow: hidden;}
#news .item:nth-child(3n){margin-right: 0;}
#news .item .img{width: 100%;padding-top: 62.549%;}
#news .item .text{padding: 7.8435% 7.8435% 9.8039%;}
#news .item .text .t1{font-size: 24px;color: #1A1A1A; height: 80px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#news .item .text .t2{font-size: 18px;color: #333333;line-height: 30px;opacity: 0.5;margin: 20px auto 45px;}
#news .item .text .more{width: 41px;height: 11px;background: url(../images/icon1.png) no-repeat center;}
#news .item:hover{box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);}
#news .item:hover .more{ transform: translateX(20px);}

@media screen and (max-width: 1440px){
    #news .hot .text .t1{ font-size: 26px;}
    #news .hot .text .t2{ margin: 15px auto 22px;}
    #news .hot .text .more{ margin-top: 30px;}
    #news .con{ margin-top: 16%;}
}
@media screen and (max-width: 1260px){

    #news .con{ top: 0;}
    #banner .con-in{ margin-top: 7.5%;}

    #news .hot .text .t1{ line-height: 35px; font-size: 24px;}
    #news .hot .text .t2{ margin: 10px auto 10px;}
    #news .hot .text .t3{ line-height: 25px; font-size: 14px;}
    #news .hot .text .more{ margin-top: 30px;}
    /*#news .con{ margin-top: 12%;}*/

    #news .item .text .t1{ line-height: 30px; font-size: 18px;}
    #news .item .text .t2{ margin: 10px auto 15px; font-size: 16px;}

}
@media screen and (max-width: 1060px){
    #news .hot{ display: flex; justify-content: space-between; flex-direction: column; position: static; margin-top: 50px;}
    #news .hot .img,
    #news .hot .text{ float: none; width: 100%;}
    #news .hot .text .relative{ padding: 50px 0; height: auto;}
    #news .hot .text .m-pic{ position: static;}
    #news .hot .text .t1{ line-height: 1.8; font-size: 34px;}
    #news .hot .text .t2{ line-height: 1.8; font-size: 24px;}
    #news .hot .text .t3{ line-height: 1.8; font-size: 24px;}
    #news .hot .text .more{ width: 200px; height: 80px; line-height: 80px; font-size: 24px;}
    #news .hot .text .more i{ top: calc(50% - 8px); width: 20px; height: 20px; background-size: auto 100%; background-position: center;}

    #news .con{ margin-top: 50px;}
    #news .con .item{ margin-right: 2%; width: 49%;}
    #news .con .item:nth-child(even){ margin-right: 0;}

    #news .item .text .t1{ line-height: 1.8; font-size: 28px;}
    #news .item .text .t2{ line-height: 1.8; font-size: 28px;}
}
/*关于我们-公司资讯*/

/*关于我们-公司资讯-详情*/
#news-detail{background: #f5f7fa;}
#news-detail .crumbs{margin-top: 30px;}
#news-detail .crumbs,#news-detail .crumbs *{font-size: 16px;color: #999999;line-height: 26px;}
#news-detail h2{margin: 80px auto 35px; width: 900px; font-size: 45px;font-weight: 500;color: #1A1A1A;line-height: 58px;text-align: center;}
#news-detail .t1{font-size: 18px;color: #666666;line-height: 26px;text-align: center;}
#news-detail .con{background: #FFFFFF;border-radius: 15px;padding: 5.625% 15.625% 6.5625%;margin: 90px auto 130px;}
#news-detail .con .share{margin-top: 40px;padding-top: 80px;border-top: 1px solid #e6e6e6;}
#news-detail .con .share .t2{font-size: 18px;color: #1A1A1A;line-height: 36px;margin-bottom: 20px;}
#news-detail .con .share .icon{width: 50px;height: 50px;border-radius: 50%;margin-right: 20px;cursor: pointer;}
#news-detail .con .share .icon .img{ bottom: 120%; left: 50%; padding: 10px; width: 120px; height: 120px; background: #fff; border-radius: 10px; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0, 0, 0, .1); opacity: 0;}
#news-detail .con .share .icon .img img{ max-width: 100%;}
#news-detail .con .share .icon:nth-child(1){background: url(/static/images/gwf/share1.png) no-repeat center #F5F7FA;}
#news-detail .con .share .icon:nth-child(2){background: url(/static/images/share_icon1.png) no-repeat center #F5F7FA;}
#news-detail .con .share .icon:nth-child(3){background: url(/static/images/gwf/share3.png) no-repeat center #F5F7FA;}
#news-detail .con .share .icon:nth-child(4){background: url(/static/images/share_icon3.png) no-repeat center #F5F7FA;margin-right: 0;}
#news-detail .con .share .icon:nth-child(1):hover{background-image: url(/static/images/share1_cur.png);}
#news-detail .con .share .icon:nth-child(1):hover .img{ opacity: 1;}
#news-detail .con .share .icon:nth-child(2):hover{background-image: url(/static/images/share2_cur.png);}
#news-detail .con .share .icon:nth-child(3):hover{background-image: url(/static/images/share3_cur.png);}
#news-detail .con .share .icon:nth-child(4):hover{background-image: url(/static/images/share4_cur.png);}

#news-detail .con .share .icon.jp_icon:nth-child(1){background: url(/static/images/jp_share1.png) no-repeat center #F5F7FA;}
#news-detail .con .share .icon.jp_icon:nth-child(2){background: url(/static/images/jp_share2.png) no-repeat center #F5F7FA;}
#news-detail .con .share .icon.jp_icon:nth-child(3){background: url(/static/images/jp_share3.png) no-repeat center #F5F7FA;}
#news-detail .con .share .icon.jp_icon:nth-child(4){background: url(/static/images/jp_share4.png) no-repeat center #F5F7FA;margin-right: 0;}

#news-detail .con .page{margin-top: 50px;}
#news-detail .con .page>div{width: 48.181%;/*height: 180px;*/background: #F5F7FA;border-radius: 15px;padding: 3.181% 3.636% 3.636%;}
#news-detail .con .page>div{}
#news-detail .con .page .t3{font-size: 18px;font-weight: 500;color: #999999;line-height: 36px;margin-bottom: 5px;}
#news-detail .con .page .a1{font-size: 24px;font-weight: 500;color: #1A1A1A;line-height: 36px;}
#news-detail .con .page>div:hover{ background: #f0f2f5;}

@media screen and (max-width: 1260px){
    #news-detail h2{ width: 92%; line-height: 50px; font-size: 38px;}
    #news-detail .con{ margin-top: 45px; padding: 5.625% 5.625% 6.5625%;}
    #news-detail .con .share{ padding-top: 40px;}
    #news-detail .con .page .a1{ font-size: 18px;}
}
@media screen and (max-width: 768px){
    #news-detail .t1{ font-size: 28px;}
    #news-detail .editor *,
    #news-detail .detail *{ line-height: 1.8 !important; font-size: 28px !important;}

    #news-detail h2{ margin-bottom: 12px; line-height: 1.4; font-size: 42px; font-weight: 500;}
    #news-detail .t1{ font-size: 26px;}

    #news-detail .con .share .t2{ font-size: 34px;}
    #news-detail .con .share .icon{ width: 100px; height: 100px; background-size: 52px auto !important;}

    #news-detail .con .page .t3{ font-size: 28px;}
    #news-detail .con .page .a1{ line-height: 1.8; font-size: 28px;}
}
/*关于我们-公司资讯-详情*/

/*行业解决方案*/
#solution{ background: #f5f7fa;}
#solution .cw1600{ z-index: 5;}
#solution .con{-webkit-transform:translateY(-248px);transform:translateY(-248px);margin-bottom: -168px;}
#solution .list{ background: #fff;overflow: hidden;border-radius: 15px;margin-bottom: 2.5%;}
#solution .list .img{width: 50%;}
#solution .list .img .relative{padding-top: 62.5%;}
#solution .list .text{width: 50%;}
#solution .list .text .relative{padding-top: 62.5%;}
#solution .list .text .m-pic{padding: 0 8.75%;}
#solution .list .text .t1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;}
#solution .list .text .t2{font-size: 16px;color: #666666;margin: 30px auto 100px;line-height: 28px;}
#solution .list .text .more{display: block;width: 150px;height: 50px;line-height: 48px;border: 1px solid #f36e21;border-radius: 5px;font-size: 16px;text-align: center;position: relative;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}
#solution .list .text .more i{background: url(/static/images/gwf/icon2.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 4px);width: 6px;height: 10px;}
#solution .list:hover{ box-shadow: 0 20px 40px rgba(0, 41, 102, .1);}
@media screen and (max-width: 1260px){
    #solution .list .text .t1{ font-size: 28px;}
    #solution .list .text .t2{ margin: 15px auto 50px;}
}
@media screen and (max-width: 1060px){
    #solution .con{ -webkit-transform: translateY(0); transform: translateY(0); margin: 50px 0 0 0;}
    #solution .list{ margin-bottom: 10%;}
    #solution .list .img,
    #solution .list .text{ float: none; width: 100%;}
    #solution .list .text .t2{ margin-bottom: 25px;}
    #solution .list .text .relative{ padding-top: 50%;}
    #solution .list .text .t1{ line-height: 1.8; font-size: 34px;}
    #solution .list .text .t2{ line-height: 1.8; font-size: 28px;}
    #solution .list .text .t3{ line-height: 1.8; font-size: 28px;}
    #solution .list .text .more{ margin-top: 30px; width: 250px; height: 80px; line-height: 80px; font-size: 28px;}
    #solution .list .text .more i{ top: calc(50% - 8px); width: 20px; height: 20px; background-size: auto 100%; background-position: center;}
}
@media screen and (max-width: 1060px){
    #solution .list .text .relative{ padding-top: 56%;}
}
/*行业解决方案*/

/*案例中心-详情*/
#case-detail{background: #f5f7fa;}
#case-detail .crumbs{margin-top: 30px;}
#case-detail .crumbs,#case-detail .crumbs *{font-size: 16px;color: #999999;line-height: 26px;}
#case-detail h2{font-size: 45px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin: 80px auto 40px;}
#case-detail .t1{font-size: 18px;color: #1A1A1A;line-height: 36px;margin-bottom: 105px;width: 66.25%;}
#case-detail .intro{ background: #fff; border-radius: 15px; margin-bottom: 93px; overflow: hidden;}
#case-detail .intro .img,
#case-detail .intro .text{width: 50%;}
#case-detail .intro .img .img-in,
#case-detail .intro .text .text-in{width: 100%;padding-top: 62.5%;}
#case-detail .intro .text .m-pic{text-align: left;padding: 0 10%;}
#case-detail .intro .text .t2{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 35px;}
#case-detail .intro .text .t3{font-size: 16px;color: #1A1A1A;}
#case-detail .intro .text .t3 .t3-item{ position: relative;/* padding-left: 15px;*/ width: 100%; line-height: 36px; font-size: 16px;}
/*#case-detail .intro .text .t3 .t3-item:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #1a1a1a; border-radius: 50%; transform: translateY(-50%);}*/
#case-detail .solu .t4{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
#case-detail .solu .t5{font-size: 16px;color: #1A1A1A;line-height: 36px;margin-bottom: 40px;}
#case-detail .solu .datu{width: 100%;overflow: hidden;border-radius: 15px;}

#case-detail .solu .datu .swiper-container-horizontal>.swiper-pagination-bullets{ opacity: 0 !important; transition: all 0s;}
#case-detail .solu .datu .circle-page .circle{ margin-left: 13px; width: 18px; height: 18px; cursor: pointer;}
#case-detail .solu .datu .circle-page .circle:first-child{ margin-left: 0;}
#case-detail .solu .datu .circle-page .circle .a{ position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #ccc; border-radius: 50%; transform: translate(-50%, -50%); transition: all .5s;}
#case-detail .solu .datu .circle-page .circle .d{ border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; transition: all .5s;}
#case-detail .solu .datu .circle-page .circle.cur .d{ border: 1px solid #dfe1e4;}
#case-detail .solu .datu .circle-page .circle.cur .a{ background: #1a1a1a;}

#case-detail .solu .pro{margin: 40px auto 100px;background: #FFFFFF;border-radius: 15px;padding: 0 6.375% 4.375%;}
#case-detail .solu .pro .slide{width: 22.85%;margin-right: 2.714%;}
#case-detail .solu .pro .img{width: 100%;padding-top: 100%;}
#case-detail .solu .pro .t6{font-size: 18px;color: #1A1A1A;line-height: 48px;margin-top: 4px;}
#case-detail .solu .pro .anniu{cursor: pointer;width: 17px;height: 28px;top: calc(50% - 14px);z-index: 3;}
#case-detail .solu .pro [tabindex="-1"].anniu{display: none;}
#case-detail .solu .pro .next{right: 1.875%;background: url(/static/images/gwf/icon19.png) no-repeat center;}
#case-detail .solu .pro .prev{left: 1.875%;background: url(/static/images/gwf/icon18.png) no-repeat center;}
#case-detail .ject{margin-bottom: 100px;}
#case-detail .ject .t7{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 40px;}
#case-detail .ject .list,
#case-detail .ject .container{background: #FFFFFF;border-radius: 15px;padding: 110px 0 95px;}
/*#case-detail .ject .slide{width: 25%;border-right: 1px solid #F2F2F2;}*/
#case-detail .ject .item{ width: 100%; border-right: 1px solid #F2F2F2;}
#case-detail .ject .item:last-child{ border-right: 0;}
#case-detail .ject .icon{width: 64px;height: 64px;margin: 0 auto 70px;}
#case-detail .ject .icon img{ max-width: 100%; max-height: 100%;}
#case-detail .ject .t8{text-align: center;font-size: 20px;font-weight: 500;color: #1A1A1A;}
#case-detail .recom{background: #FFFFFF;padding: 75px 0 90px;}
#case-detail .recom .t9{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 45px;}
#case-detail .recom .slide{width: 505px;margin-right: 42px;}
#case-detail .recom .img{ width: 100%;padding-top: 62.574%;}
#case-detail .recom .img>.m-pic{ z-index: 2;}
#case-detail .recom .video{ top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#case-detail .recom .video video{ width: 100%; height: 100%; object-fit: cover;}
#case-detail .recom .slide.has_video:hover .img>.m-pic{ opacity: 0;}
#case-detail .recom .t10{font-size: 20px;font-weight: 500;color: #1A1A1A;margin: 36px auto 20px;}
#case-detail .recom .t11{font-size: 16px;color: #666666;}
#case-detail .recom .anniu{cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 130px;z-index: 3;}
#case-detail .recom .next{right: 1.875%;background: url(/static/images/gwf/icon21.png) no-repeat center #fff;}
#case-detail .recom .prev{left: 1.875%;background: url(/static/images/gwf/icon20.png) no-repeat center #fff;}
@media screen and (max-width: 1060px){
    #case-detail .intro .text .t2{ margin-bottom: 20px;}
    #case-detail .t1{ line-height: 1.8; width: 100%; font-size: 28px;}
}
@media screen and (max-width: 768px){
    #case-detail h2{ text-align: center;}
    #case-detail .intro{ display: flex; justify-content: space-between; flex-direction: column-reverse;}
    #case-detail .intro .img,
    #case-detail .intro .text{ float: none; width: 100%;}
    #case-detail .intro .text .relative{ padding: 10% 5%;}
    #case-detail .intro .text .m-pic{ position: static; padding: 0;}
    #case-detail .intro .text .t2{ font-size: 48px; font-weight: 500;}
    #case-detail .intro .text .t3{ line-height: 1.8; font-size: 28px;}
    #case-detail .solu .pro .t6{ font-size: 26px;}
    #case-detail .ject .t8{ font-size: 28px;}
    #case-detail .solu .t4{ font-size: 48px; font-weight: 500;}
    #case-detail .ject .t7{ font-size: 48px; font-weight: 500;}
    #case-detail .solu .t5{font-size:28px; line-height:1.8;}
}
/*案例中心-详情*/

/*产品方案-硬件产品*/
#hardware{background: #ffffff;}
/*#hardware{background: #f5f7fa;}*/
#hardware .datu .crumbs{margin: 40px auto 45px;}
#hardware .datu .crumbs,#hardware .datu .crumbs *{font-size: 16px;color: #838383;line-height: 26px;}
#hardware .datu .dat1{font-size: 45px;font-weight: 500;color: #FFFFFF;line-height: 60px;margin: 0 auto;width: 60%;text-align: center;}
#hardware .datu .dat2{font-size: 18px; visibility: 36px;margin: 30px auto;width: 60%;text-align: center;}
#hardware .datu .xia{width: 15px;height: 9px;bottom: 130px;left: calc(50% - 7px);background: url(/static/images/gwf/icon24.png) no-repeat center;}
#hardware .one{background: #FFFFFF;border-radius: 15px;-webkit-transform:translateY(-71px);transform:translateY(-71px);padding: 57px 0 70px;position: relative;z-index: 3;}
#hardware .one .item{ padding: 0 3%;/* width: 25%;*/}
#hardware .one .item .icon{width: 68px;height: 68px;margin: 0 auto 35px;border-radius: 50%;}
#hardware .one .item .t1{font-size: 24px;font-weight: 500;color: #1A1A1A;margin-bottom: 23px;}
#hardware .one .item .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;}
#hardware .one .item .t2.absolute{ min-height: 200px; top: 50%; left: 0; padding: 0 8%; background: #fff; transform: translateY(-50%); opacity: 0;}
#hardware .one .item:hover .t2.absolute{ opacity: 1; z-index: 5;}
#hardware .two{background: #FFFFFF;border-bottom: 1px solid #E6E6E6;}
#hardware .two .cw1600{padding: 0 6.25%;}
#hardware .two .container{padding: 8px 0 32px;}
#hardware .two .line{width: 0;height: 4px;background: #1A1A1A;bottom: 0;left: 0;z-index: 2;}
#hardware .two .slide{width: 170px;margin-right: 110px;background: #fff;}
#hardware .two .slide .icon{width: 100%;padding-top: 100%;margin: 0 auto;}
#hardware .two .slide .t1{font-size: 16px;color: #000000;line-height: 36px;text-align: center;}
#hardware .two .anniu{cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 72px;z-index: 3;}
#hardware .two .next{right: 0;background: url(/static/images/gwf/icon21.png) no-repeat center #fff;}
#hardware .two .prev{left: 0;background: url(/static/images/gwf/icon20.png) no-repeat center #fff;}
#hardware .two .next:hover{background: url(/static/images/gwf/icon21.png) no-repeat center #F5F7FA;}
#hardware .two .prev:hover{background: url(/static/images/gwf/icon20.png) no-repeat center #F5F7FA;}
#hardware .three{background: #fff;padding-top: 74px;}
#hardware .three .text{width: 50%;padding: 90px 5.31% 0 4.22%;}
#hardware .three .text .t1{font-size: 48px; font-weight: 500;color: #1A1A1A;line-height: 48px; font-family: 'rb';}
#hardware .three .text .t2{font-size: 18px;color: #1A1A1A;line-height: 32px;margin: 30px auto 60px;}
#hardware .three .text .item{width: 30.21%;margin: 0 4.185% 30px 0;}
#hardware .three .text .item:nth-child(3n){margin-right: 0;}
#hardware .three .text .t3{font-size: 24px;font-weight: 500;color: #1A1A1A;line-height: 48px;word-break: break-all;}
#hardware .three .text .t4{font-size: 16px;color: #666666;line-height: 32px;}
#hardware .three .text .attr{margin-top: 55px;}
#hardware .three .text .attr>*{display: block;width: 150px;height: 50px;line-height: 48px;background: #fff;border: 1px solid #121212;border-radius: 5px;font-size: 16px;text-align: center;position: relative;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}
#hardware .three .text .attr>* i{background: url(/static/images/gwf/icon2.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 4px);width: 6px;height: 10px;}
#hardware .three .text .attr>*:hover{background: #333 !important;border: 1px solid #333;color: #fff;}
#hardware .three .text .attr>*:hover i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/gwf/icon4.png) no-repeat;}
#hardware .three .text .attr .down{ margin-right: 40px;}
#hardware .three .text .attr .down.pop-btn{ background: #fff;}
#hardware .three .right{width: 49.0625%;}
#hardware .three .right.maxw{ width: 100%;}
#hardware .three .right .container{width: 76.433%;border-radius: 15px;}
#hardware .three .right .slide .relative{width: 100%;padding-top: 100%;}
#hardware .three .right .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
#hardware .three .right .swiper-pagination-bullet-active{background: #000;}
#hardware .three .right .other{ width: 21.146%;}
#hardware .three .right .other .item{ margin-top: 35px; cursor: pointer;}
#hardware .three .right .other .item:nth-child(1){ margin-top: 0;}
#hardware .three .right .other .icon{width: 100%;padding-top: 100%;border-radius: 15px;}
#hardware .three .right .other .t1{font-size: 16px;color: #666666;line-height: 32px;margin-top: 10px;text-align: center;}
#hardware .three .anniu{cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 50%;z-index: 3; transform: translateY(-50%);}
#hardware .three .next{right: 0;background: url(/static/images/gwf/icon21.png) no-repeat center #fff;}
#hardware .three .prev{left: 0;background: url(/static/images/gwf/icon20.png) no-repeat center #fff;}
#hardware .three .next:hover{background: url(/static/images/gwf/icon21.png) no-repeat center #F5F7FA;}
#hardware .three .prev:hover{background: url(/static/images/gwf/icon20.png) no-repeat center #F5F7FA;}
#hardware .four{ background: #fff; padding: 125px 0 100px;}
#hardware .four .cw1600{ border: 1px solid #e6e6e6; border-radius: 10px; overflow: hidden;}
#hardware .four .video,
#hardware .four .text{width: 50%;background: #F5F7FA;}
#hardware .four .video .relative,
#hardware .four .text .relative{width: 100%;padding-top: 90%;}
#hardware .four .video .m-pic video{max-width:100%; height:100%; vertical-align: middle; object-fit: cover;}
#hardware .four .video .img{ top: 0; left: 0; width: 100%; height: 100%;}
#hardware .four .video .img:before{ display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); cursor: pointer;}
#hardware .four .video .img:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; z-index: 2; width: 103px; height: 104px; background: url(/static/images/play_btn.png) no-repeat center; transform: translate(-50%, -50%); cursor: pointer;}
#hardware .four .text .m-pic{text-align: left;padding: 0 8.875%;}
#hardware .four .text .t1{font-size: 30px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 35px;}
#hardware .four .text .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;}

#hardware .five{padding: 40px 0 40px;}
#hardware .five .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 45px;text-align: center;}
#hardware .five .tent1 .container{margin-bottom: 40px;}
#hardware .five .img{width: 100%;padding-top: 62.574%;}
#hardware .five .tent1 .slide{width: 505px;background: #FFFFFF;border-radius: 15px;margin-right: 40px; overflow: hidden;}
#hardware .five .tent1 .text{padding: 30px;}
#hardware .five .tent1 .text .t1{font-size: 18px;color: #1A1A1A;line-height: 24px;}
#hardware .five .tent2 .slide{width: 505px;margin-right: 40px;}
#hardware .five .tent2 .text{padding: 30px 0 0;}
#hardware .five .tent2 .text .t1{font-size: 20px;color: #1A1A1A;line-height: 24px;width: calc(100% - 50px);}
#hardware .five .tent2 .text .more{width: 41px;height: 24px;background: url(/static/images/gwf/icon1.png) no-repeat center;}
#hardware .five .tent2 .img{border-radius: 15px;overflow: hidden;}
#hardware .five .anniu{cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 50%;z-index: 3;transform: translateY(-50%); background-color: rgba(0, 0, 0, 0); filter: invert(1);}
#hardware .five .next{ right: 1.875%;background: url(/static/images/gwf/icon21.png) no-repeat center;}
#hardware .five .prev{ left: 1.875%;background: url(/static/images/gwf/icon20.png) no-repeat center;}
#hardware .five .anniu:hover{ background-color: rgba(255,255,255,0.5);}

#hardware .five.cw1600{ margin-bottom: 100px; padding-bottom: 90px; background: none;}
#hardware .five.cw1600 .title .ti1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 20px;}
#hardware .five.cw1600 .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;margin-bottom: 50px;}
#hardware .five.cw1600 .con{width: 100%;background: #FFFFFF;border-radius: 15px;padding: 5.3125% 6.25% 5.625%;}
#hardware .five.cw1600 .form .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#hardware .five.cw1600 .form .input:nth-child(3n){margin-right: 0;}
#hardware .five.cw1600 .form .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#hardware .five.cw1600 .form .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#hardware .five.cw1600 .form .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#hardware .five.cw1600 .form .input input[type="text"].cur{border: 1px solid #666666;}
#hardware .five.cw1600 .form .input select.cur{border: 1px solid #666666;}
#hardware .five.cw1600 .form textarea{height: 200px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;resize: none;padding-top: 10px;}
#hardware .five.cw1600 .form textarea.cur{border: 1px solid #666666;}
#hardware .five.cw1600 .form label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 30px auto 0;cursor: pointer;}
#hardware .five.cw1600 .form label input{display: none;}
#hardware .five.cw1600 .tent .item{width: 20.375%;border-right: 1px solid rgba(140, 140, 140, 0.2);margin-right: 4.625%;}
#hardware .five.cw1600 .tent .item:nth-last-child(1){border-right: 0;}
#hardware .five.cw1600 .tent .t1{font-size: 18px;line-height: 30px;color: #1A1A1A;font-weight: bold;margin-bottom: 10px;}
#hardware .five.cw1600 .tent .t2{font-size: 16px;line-height: 30px;color: #1A1A1A;}

#hardware .more-services{padding: 80px 0 75px;background: #fff;}
#hardware .more-services .title{margin-bottom: 50px;}
#hardware .more-services .title .t1{font-size: 36px;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
#hardware .more-services .title .t2{font-size: 18px;color: #1A1A1A;}
#hardware .more-services .con{background: #FFFFFF;border-radius: 15px;padding: 0 6.25%;}
#hardware .more-services .con .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#hardware .more-services .con .input:nth-child(3n){margin-right: 0;}
#hardware .more-services .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#hardware .more-services .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#hardware .more-services .con .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#hardware .more-services .con .input input[type="text"].cur{border: 1px solid #666666;}
#hardware .more-services .con .input select.cur{border: 1px solid #666666;}
#hardware .more-services .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 20px auto 0;cursor: pointer;}
#hardware .more-services .con label input{display: none;}
#hardware .three-bg{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 10;background: rgba(0,0,0,0.4);display: none;}
#hardware .three-fixed{position: fixed;background: #FFFFFF;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.5);border-radius: 15px;z-index: 20;left: 4%;top: 2%;padding: 2.8125% 82px 4%;width: 92%;/*display: none;*/ visibility: hidden; opacity: 0;}
#hardware .three-fixed .guanbi{width: 25px;height: 25px;top: 20px;right: 20px;cursor: pointer;background: url(/static/images/gwf/icon25.png) no-repeat center;}
#hardware .three-fixed .tit{font-size: 30px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 35px;}
#hardware .three-fixed .dawrapper>.slide{width: 458px;margin-right: 30px;background: #F5F7FA;border-radius: 15px;}
#hardware .three-fixed .dawrapper>.slide .relative{width: 100%;padding-top: 57.86%;}
#hardware .three-fixed .daitem{padding-bottom: 50px;}
#hardware .three-fixed .daitem .swiper-container-horizontal > .swiper-scrollbar{left: 0;width: 100%;bottom: 0;height: 10px;background: #F5F7FA;border-radius: 5px;}
#hardware .three-fixed .daitem .swiper-scrollbar-drag{background: #333333;border-radius: 5px;}
#hardware .three-fixed .daitem .container.img .anniu{display: block !important; cursor: pointer;width: 17px;height: 28px;border-radius: 50%;top: calc(50% - 14px);z-index: 3;opacity: 0;}
#hardware .three-fixed .daitem .container.img .next{right: 30px;background: url(/static/images/gwf/icon19.png) no-repeat center;}
#hardware .three-fixed .daitem .container.img .prev{left: 30px;background: url(/static/images/gwf/icon18.png) no-repeat center;}
#hardware .three-fixed .daitem .container.img:hover .anniu{opacity: 1;}
#hardware .three-fixed .daitem .text{padding: 0 20.96% 10.698% 7.86%;}
#hardware .three-fixed .daitem .t1{font-size: 24px;font-weight: 500;color: #1A1A1A;}
#hardware .three-fixed .daitem .t2{font-size: 16px;color: #1A1A1A;line-height: 36px;margin: 20px auto 40px;}
#hardware .three-fixed .daitem .down{width: 140px;height: 45px;background: #FFFFFF;border-radius: 5px;line-height: 45px;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;cursor: pointer;position: relative;font-size: 16px;color: #333333;padding-left: 13px;}
#hardware .three-fixed .daitem .down i{background: url(/static/images/gwf/icon8.png) no-repeat;position: absolute;right: 13px;top: calc(50% - 10px);width: 20px;height: 20px;}
#hardware .three-fixed .daitem .down:hover{background: #333;color: #fff;}
#hardware .three-fixed .daitem .down:hover i{-webkit-animation:moveDownIn 1s 1;animation:moveDownIn 1s 1;background: url(/static/images/gwf/icon9.png) no-repeat;}

@media screen and (max-width: 1440px){
    #hardware .three{ padding-top: 35px;}
    #hardware .three .text{ padding: 45px 1.31% 0 4.22%;}
    #hardware .three .text .t1{ font-size: 40px; font-weight: 500;}
    #hardware .three .text .t3{ font-size: 20px;}
    #hardware .three .text .t4{ font-size: 12px;}
}
@media screen and (max-width: 1260px){
    #hardware .three .text .item{ margin-right: 5.185%; width: 29.21%;}
}
@media screen and (max-width: 1060px){

    #hardware .datu .dat1{ font-size: 36px;}
    #hardware .datu .dat2{ margin: 15px auto;}

    #hardware .three .right{ width: 100%;}
    #hardware .three .three-in{ flex-direction: column-reverse;}
    #hardware .three .text{ width: 100%;}
    #hardware .three .text .t1{ line-height: 1.8;}
    #hardware .three .text .t2{ line-height: 1.8; font-size: 28px;}
    #hardware .three .text .t3{ font-size: 20px;}
}
@media screen and (max-width: 768px){
    #hardware .one .item .t2.absolute{ pointer-events: none;}

    #hardware .one .item:hover .t2.absolute{ opacity: 0; z-index: 1;}

    #hardware .datu .cw1600{ margin-top: 100px;}
    #hardware .datu .dat1{ width: 100%; font-size: 30px;}
    #hardware .datu .dat2{ width: 100%; line-height: 1.8; font-size: 28px;}

    #hardware .one .item{ width: 50% !important;}
    /*#hardware .one .item:nth-child(-n+3){ margin-top: 0;}*/
    #hardware .one .item .t1{ line-height: 1.8; font-size: 30px;}
    #hardware .one .item .t2{ line-height: 1.8; font-size: 28px;}

    #hardware .two .slide .t1{ line-height: 1.8; font-size: 28px;}

    #hardware .three .right .container{ width: 86.957%;}
    #hardware .three .text .t1{ font-size: 48px;}
    #hardware .three .text .item{ margin-right: 2%; width: 49%;}
    #hardware .three .text .item:nth-child(3n){ margin-right: 2%;}
    #hardware .three .text .item:nth-child(even){ margin-right: 0;}
    #hardware .three .text .t3{ font-size: 28px;}
    #hardware .three .text .t4{ font-size: 28px;}
    #hardware .three .text .attr>*{ width: 250px; height: 80px; line-height: 80px; font-size: 28px;}
    #hardware .three .text .attr>* i{ top: calc(50% - 11px); width: 15px; height: 30px; background-size: 100%;}
    #hardware .three .right .other .t1{ font-size: 28px;}

    #hardware .three-fixed .daitem .t1{ line-height: 1.8; font-size: 34px;}
    #hardware .three-fixed .daitem .t2{ line-height: 1.8; font-size: 28px;}
    #hardware .three-fixed .daitem .down{ width: 215px; height: 80px; line-height: 80px; font-size: 28px;}
    #hardware .three-fixed .daitem .down i{ top: calc(50% - 22px); width: 40px; height: 40px; background-size: 100%;}

    #hardware .four .video,
    #hardware .four .text{ width: 100%;}
    #hardware .four .text .relative{ padding: 0;}
    #hardware .four .text .m-pic{ position: static; padding: 50px 30px;}

    #hardware .five .tit{ font-size: 48px; font-weight: 500;}

    #hardware .five.cw1600 .title .ti1{ font-size: 48px; font-weight: 500;}

    #hardware .five .tent1 .text .t1,
    #hardware .five .tent2 .text .t1{ font-size: 28px;}

    #hardware .five.cw1600{ margin-bottom: 0;}
    #hardware .five.cw1600 .title .ti2{ line-height: 35px; font-size: 28px;}
    #hardware .five.cw1600 .con .input{ float: none; width: 100%;}
    #hardware .five.cw1600 .con .t3{ line-height: 60px; font-size: 30px;}
    #hardware .five.cw1600 .con .input input[type="text"]{ height: 80px; font-size: 30px;}
    #hardware .five.cw1600 .con .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #hardware .five.cw1600 .con label{ margin-top: 20px; width: 250px; height: 80px; line-height: 80px; font-size: 30px;}
}
@media screen and (max-width: 768px){
    #hardware .two .slide .t1{ font-size: 28px;}
    #hardware .four .text .t2{font-size: 28px; line-height:1.8;}
}
/*产品方案-硬件产品*/

/*产品方案*/
#product_scheme{background: #f5f7fa;}
#product_scheme .one{border-radius: 15px;overflow: hidden;-webkit-transform:translateY(-190px);transform:translateY(-190px);position: relative;z-index: 3;margin-bottom: -90px;}
#product_scheme .one .t1{font-size: 48px; font-weight: 500;color: #1A1A1A;line-height: 48px;margin: 110px auto 25px;}
#product_scheme .one .t2{font-size: 16px;color: #1A1A1A;line-height: 48px;}

#product_scheme .one .swiper-container-horizontal>.swiper-pagination-bullets{ opacity: 0 !important; transition: all 0s;}
#product_scheme .one .circle-page .circle{ margin-left: 13px; width: 18px; height: 18px; cursor: pointer;}
#product_scheme .one .circle-page .circle:first-child{ margin-left: 0;}
#product_scheme .one .circle-page .circle .a{ position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); transition: all .5s;}
#product_scheme .one .circle-page .circle .d{ border: 1px solid rgba(255, 255, 255, 0); border-radius: 50%; transition: all .5s;}
#product_scheme .one .circle-page .circle.cur .d{ border: 1px solid rgba(255, 255, 255, .2);}
#product_scheme .one .circle-page .circle.cur .a{ background: #fff;}

#product_scheme .two{background: #FFFFFF;border-radius: 15px;padding: 75px 0 105px;margin-bottom: 100px;}
#product_scheme .two .t1{font-size: 24px;color: #1A1A1A;line-height: 48px;}
#product_scheme .two .t2{font-size: 36px;font-weight: bold;color: #1A1A1A;line-height: 48px;}
#product_scheme .two .con{ width: 61.375%;margin: 100px auto 0;}
#product_scheme .two .item{/*width: 22.81%;margin-right: 15.785%;*/text-align: center;}
#product_scheme .two .item:nth-child(3n){margin-right: 0;}
#product_scheme .two .item .t3,
#product_scheme .two .item .t3 span{font-size: 90px; font-weight: 500;color: #1A1A1A; font-family: 'rb';}
#product_scheme .two .item .t4{font-size: 18px;font-weight: 500;color: #1A1A1A;line-height: 36px;}
#product_scheme .three .cate{margin-bottom: 100px;}
#product_scheme .three .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 90px;}
#product_scheme .three .more{display: block;width: 150px;height: 50px;line-height: 48px;border: 1px solid #f36e21;border-radius: 5px;font-size: 16px;text-align: center;margin-top: 35px;position: relative;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}
#product_scheme .three .more i{background: url(/static/images/gwf/icon2.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 4px);width: 6px;height: 10px;}
#product_scheme .three .daitem,
#product_scheme .three .zhitem,
#product_scheme .three .xiitem .item{background: #FFFFFF;border-radius: 15px;overflow: hidden;}
#product_scheme .three .daitem:hover,
#product_scheme .three .zhitem:hover,
#product_scheme .three .xiitem .item:hover{box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);}
#product_scheme .three .daitem:hover .more,
#product_scheme .three .zhitem:hover .more,
#product_scheme .three .xiitem .item:hover .more{background: #f36e21;border: 1px solid #f36e21;color: #fff;}
#product_scheme .three .daitem,
#product_scheme .three .zhitem,
#product_scheme .three .xiitem{width: 48.75%;}
#product_scheme .three .xiitem .item{width: 100%;}
#product_scheme .three .xiitem .item:nth-child(1):last-child{height:100%;}
#product_scheme .three .xiitem .item:nth-child(1):last-child .text{width:100%;}
#product_scheme .three .xiitem .item:nth-child(1):last-child .img{width: 82.0512%; padding-top: 82.0512%; margin-left: 17.9488%;}
#product_scheme .three .daitem.fl,
#product_scheme .three .zhitem,
#product_scheme .three .xiitem.fl{margin-right: 2.5%;}
#product_scheme .three .zhitem:nth-child(2n){margin-right: 0;}
#product_scheme .three .daitem .text{padding: 8.974% 0 0 7.692%;}
#product_scheme .three .xiitem .item .text{padding: 8.974% 0 0 7.692%;}
#product_scheme .three .t1{font-size: 30px;font-weight: 500;color: #1A1A1A;}
#product_scheme .three .t2{ width: 94%; font-size: 16px;color: #1A1A1A;line-height: 48px;}
#product_scheme .three .dd-img{display:none;}
#product_scheme .three .daitem .img{width: 82.0512%;padding-top: 82.0512%;margin-left: 17.9488%;}
#product_scheme .three .daitem .img .m-pic{text-align: right;}
#product_scheme .three .xiitem .item:nth-child(1){margin-bottom: 5.128%;}
/*#product_scheme .three .xiitem .item:nth-child(1){ margin-bottom: 2.1876vw;}*/
#product_scheme .three .xiitem .item .text{width: 46.16%;}
#product_scheme .three .xiitem .item .img{bottom: 0;right: 0;width: 53.84%;padding-top: 53.84%;}
#product_scheme .three .xiitem .img{bottom: 0;right: 0;width: 66.666%;padding-top: 66.666%;}
#product_scheme .three .xiitem .item .img .relative{padding-top: 100%;width: 100%;}
#product_scheme .three .zhitem{padding-top: 37.5%;}
#product_scheme .three .zhitem .text{width: 38.461%;top: 8.974%;left: 7.692%;z-index: 2;}
#product_scheme .three .zhitem .img{bottom: 0;right: 0;width: 66.666%;padding-top: 66.666%;}
#product_scheme .three .zhitem img{ max-width: 100%; max-height: 100%;}
#product_scheme .more-services{padding: 80px 0 75px;background: #fff;}
#product_scheme .more-services .title{margin-bottom: 50px;}
#product_scheme .more-services .title .ti1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 20px;}
#product_scheme .more-services .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;/*margin-bottom: 50px;*/}
#product_scheme .more-services .con{background: #FFFFFF;border-radius: 15px;padding: 0 6.25%;}
#product_scheme .more-services .con .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#product_scheme .more-services .con .input:nth-child(3n){margin-right: 0;}
#product_scheme .more-services .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#product_scheme .more-services .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#product_scheme .more-services .con .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#product_scheme .more-services .con .input input[type="text"].cur{border: 1px solid #666666;}
#product_scheme .more-services .con .input select.cur{border: 1px solid #666666;}
#product_scheme .more-services .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 20px auto 0;cursor: pointer;}
#product_scheme .more-services .con label input{display: none;}

@media screen and (max-width: 1600px){
    #product_scheme .cw1600{ width: 1440px; max-width: 1440px;}
    #product_scheme .three .daitem .img{ padding-top: 79.0512%;}
}
@media screen and (max-width: 1480px){
    #product_scheme .three .t1{ font-size: 28px;}
    #product_scheme .three .daitem .img{ padding-top: 75.0512%;}
    #product_scheme .cw1600{ width: 1240px; max-width: 1240px;}
}
@media screen and (max-width: 1280px){
    #product_scheme .three .daitem .img{ padding-top: 69.0512%;}
    #product_scheme .cw1600{ width: 1024px; max-width: 1024px;}
    #product_scheme .three .t1{ font-size: 22px;}
    #product_scheme .two .item .t3,
    #product_scheme .two .item .t3 span{ font-size: 70px; font-weight: 500;}
}
@media screen and (max-width: 1060px){
    #product_scheme .cw1600{ width: 92%; max-width: 92%;}
    #product_scheme .one{ margin: 50px auto; transform: translateY(0)}
    #product_scheme .two .con{ width: 92%;}
    #product_scheme .two .item .t3,
    #product_scheme .two .item .t3 span{ font-size: 50px; font-weight: 500;}
}
@media screen and (max-width: 768px){
    #product_scheme .one .t1{ margin-top: 60px;}
    #product_scheme .one .t2{ font-size: 28px;}

    #product_scheme .two .con{ margin-top: 50px;}
    #product_scheme .two .item{ margin-right: 9.785%; width: 26.81%; }
    #product_scheme .two .item .t4{ font-size: 28px;}

    #product_scheme .three .t1{ font-size: 34px;}
    #product_scheme .three .t2{ font-size: 28px;}
    #product_scheme .three .more{ width: 250px; height: 80px; line-height: 80px; font-size: 28px;}
    #product_scheme .three .more i{ top: calc(50% - 8px); width: 20px; height: 20px; background-size: auto 100%; background-position: center;}
    #product_scheme .three .con{ flex-direction: column;}
    #product_scheme .three .daitem,
    #product_scheme .three .zhitem,
    #product_scheme .three .xiitem{ width: 100%;}

    #product_scheme .three .zhitem{ margin-top: 5.128%; padding:0;}
    #product_scheme .three .zhitem:first-child{ margin-top: 0;}
    #product_scheme .three .zhitem .text{ position: static; width: 100%; text-align:center;}
    #product_scheme .three .zhitem .img{ position: relative;}

    #product_scheme .three .daitem .text{ padding:0; text-align:center;}

    #product_scheme .three .xiitem{ margin-top: 5.128%;}
    #product_scheme .three .xiitem .item .img{ padding-top: 69.0512%; width: 82.0512%;}
    #product_scheme .three .xiitem .item .text{ width: 100%;}

    #product_scheme .five.cw1600 .title .ti2{ line-height: 35px; font-size: 28px;}
    #product_scheme .five.cw1600 .con .input{ float: none; width: 100%;}
    #product_scheme .five.cw1600 .con .t3{ line-height: 60px; font-size: 30px;}
    #product_scheme .five.cw1600 .con .input input[type="text"]{ height: 80px;}
    #product_scheme .five.cw1600 .con .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #product_scheme .five.cw1600 .con label{ margin-top: 20px; width: 250px; height: 80px; line-height: 80px; font-size: 30px;}

    #product_scheme .three .dd-img{display:block; text-align:center;}
    #product_scheme .three .daitem .img , #product_scheme .three .xiitem .item .img{display:none;}
    #product_scheme .three .xiitem .item .text{padding:0px; text-align:center;}
    #product_scheme .three .more{margin:40px auto 50px auto;}

    #product_scheme .three .t2{width:100%;}
    #product_scheme .three .tit{margin-bottom:50px;}
    #product_scheme .three .tit-dd{margin-top:-25px;}
    #product_scheme .three .cate{margin-bottom:45px;}
    #product_scheme .two{margin-bottom:50px;}

    #product_scheme .five.cw1600 .con .input input[type="text"]{ font-size: 30px;}
}
/*产品方案*/

/*关于我们-联系我们*/
#contact{background: #f5f7fa;}
#contact .one{background: #FFFFFF;border-radius: 15px;overflow: hidden;-webkit-transform:translateY(-250px);transform:translateY(-250px);position: relative;z-index: 3;margin-bottom: -210px;padding: 3.4375% 4.25% 4.25%;}
#contact .one .item{width: 23.375%;border-right: 1px solid rgba(140, 140, 140, 0.2);margin-right: 2.625%;}
#contact .one .item:last-child{ margin-right: 0; border-right: 0;}
#contact .one .icon{width: 40px;height: 40px;margin-bottom: 35px;}
#contact .one .t1{font-size: 18px;line-height: 30px;color: #1A1A1A;font-weight: bold;margin-bottom: 5px;}
#contact .one .t2{font-size: 16px;line-height: 30px;color: #1A1A1A;margin-bottom: 5px;}
#contact .two{ background: #FFFFFF;border-radius: 15px;overflow: hidden;margin-bottom: 100px;}
#contact .two .map{width: 66.75%;}
#contact .two .item{ height: 100%;}
#contact .two .item div[map]{ height: 100%;}
#contact .two .text{width: 33.25%;padding: 4% 3.375% 4% 4.25%;}
#contact .two .text .tit{padding-bottom: 28px;border-bottom: 1px solid rgba(140, 140, 140, 0.2);}
#contact .two .text .tit .icon{width: 40px;height: 40px;margin-bottom: 15px;}
#contact .two .text .tit .t1{font-size: 18px;font-weight: bold;color: #1A1A1A;line-height: 30px;}
#contact .two .text .con{height: 380px;}
#contact .two .text .con .list{padding: 35px 30% 35px 0;border-bottom: 1px solid rgba(140, 140, 140, 0.2);cursor: pointer;}
#contact .two .text .con .list .t2{font-size: 20px;font-weight: 500;color: #666666;line-height: 30px;margin-bottom: 10px;}
#contact .two .text .con .list .t3{font-size: 16px;color: #666666;line-height: 30px;}
#contact .two .text .con .list.cur{background: url(/static/images/address_icon.png) no-repeat center right;}
#contact .two .text .con .list.cur .t2{font-weight: 500;color: #1A1A1A;}
#contact .two .text .con .list.cur .t3{color: #1A1A1A;}
#contact .three{margin-bottom: 60px;}
#contact .three .tit{font-size: 42px;color: #1A1A1A; font-weight: 500;margin-bottom: 55px;text-align: center;}
#contact .three .item{width: 48.75%;background: #FFFFFF;/*border-radius: 15px;*/overflow: hidden;margin: 0 2.5% 2.5% 0;}
#contact .three .item:nth-child(2n){margin-right: 0;}
#contact .three .item .img{width: 100%;padding-top: 38.4615%;}
#contact .three .item .text{padding: 5.128% 7.692% 8.974%;}
#contact .three .item .t1{font-size: 24px;font-weight: 500;color: #1A1A1A;line-height: 40px;margin-bottom: 5px;display: block;}
#contact .three .item .t2{ font-size: 16px;color: #666666;line-height: 30px;}
#contact .three .item .more{width: 41px;height: 11px;margin-top: 40px;background: url(/static/images/gwf/icon1.png) no-repeat center;}
#contact .four .relative{padding-top: 21.875%;width: 100%;border-radius: 15px;overflow: hidden;margin-bottom: 100px;}
#contact .four .text{padding: 0 0 0 4.375%;}
#contact .four .t1{font-size: 42px;color: #1A1A1A; font-weight: 500;line-height: 48px;}
#contact .four .t2{ width: 100%; font-size: 16px;color: #1A1A1A;line-height: 30px;margin: 25px auto 35px;}
#contact .four .more{display: block;width: 150px;height: 50px;line-height: 48px;border: 1px solid #121212;border-radius: 5px;font-size: 16px;text-align: center;position: relative;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;cursor: pointer;}
#contact .four .more i{background: url(/static/images/gwf/icon2.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 4px);width: 6px;height: 10px;}
#contact .three .item:hover{ box-shadow: 0px 10px 20px 0px rgba(20, 52, 95, 0.1);}
#contact .three .item:hover .more{ transform: translateX(20px);}
@media screen and (max-width: 1240px){
    #contact .one .t2{ font-size: 14px;}
    #contact .two .text .con .list{ padding-right: 6%;}
}
@media screen and (max-width: 1060px){
    #contact .one .item{ margin-top: 30px; width: 47.375%;}
    #contact .one .item:nth-child(even){ margin-right: 0; border-right: 0;}

    #contact .two{ flex-direction: column;}
    #contact .two .text,
    #contact .two .map{ width: 100%; height: 500px;}

    #contact .four .t1{ line-height: 38px; font-size: 30px;}
    #contact .four .t2{ margin: 0 auto 10px;}
}
@media screen and (max-width: 768px){
    #contact .one{ margin-top: 50px; margin-bottom: 0; transform: translateY(0);}
    #contact .one .icon{ width: 80px; height: 80px;}
    #contact .one .icon img{ width: 100%; height: 100%;}
    #contact .one .t1{ line-height: 1.8; font-size: 32px;}
    #contact .one .t2{ line-height: 1.8; font-size: 28px; word-break: break-all;}

    #contact .two{ margin-top: 50px;}
    #contact .two .text,
    #contact .two .map{ height: 585px;}
    #contact .two .map .BMap_bubble_content{ font-size: 28px;}
    #contact .two .text .tit .icon{ width: 80px; height: 80px;}
    #contact .two .text .tit .icon img{ width: 100%; height: 100%;}
    #contact .two .text .tit .t1{ line-height: 1.8; font-size: 34px;}
    #contact .two .text .con .list .t2{ line-height: 1.8; font-size: 28px;}
    #contact .two .text .con .list .t3{ line-height: 1.8; font-size: 28px;}

    #contact .three .con .item{ width: 100%;}
    #contact .three .item .t1{ line-height: 1.8; font-size: 34px;}
    #contact .three .item .t2{ line-height: 1.8; font-size: 28px;}

    #contact .four .t1{ line-height: 1.8; font-size: 34px;}
    #contact .four .t2{ margin-bottom: 30px; line-height: 1.8; font-size: 28px;}
    #contact .four .relative{ display: flex; flex-direction: column-reverse; padding: 0;}
    #contact .four .img,
    #contact .four .text{ position: static;}
    #contact .four .img{ margin-top: 30px; border-radius: 10px; overflow: hidden;}
    #contact .four .text{ position: static; padding-left: 0; text-align: center;}
    #contact .four .more{ margin: 0 auto; width: 250px; height: 80px; line-height: 80px; font-size: 28px;}
    #contact .four .more i{ top: calc(50% - 8px); width: 20px; height: 20px; background-size: auto 100%; background-position: center;}
}
/*关于我们-联系我们*/

/*商务合作-采购与咨询*/
#consult{background: #F5F7FA;}
#consult .one{background: #FFFFFF;border-radius: 15px;overflow: hidden;-webkit-transform:translateY(-250px);transform:translateY(-250px);position: relative;z-index: 3;margin-bottom: -150px;padding: 5% 4.5%;}
#consult .one .img{width: 37.774%;}
#consult .one .img .relative{width: 100%;padding-top: 65.4545%;}
#consult .one .text{width: 57.211%;}
#consult .one .text .relative{width: 100%;padding-top: 43.2172%;}
#consult .one .text .m-pic{text-align: left;}
#consult .one .text .t1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 30px;}
#consult .one .text .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;}
#consult .two{padding-bottom: 100px;}
#consult .two .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 40px;}
#consult .two .con{width: 100%;background: #FFFFFF;border-radius: 15px;padding: 9.1875% 1.0625%;}
#consult .two .item{width: 19.6666%;padding: 0 3%;position: relative;}
#consult .two .item .icon{width: 130px;height: 130px;background: #FFFFFF;border: 1px solid #666666;border-radius: 50%;margin: 0 auto 35px;overflow: hidden;}
#consult .two .item .icon img{ max-width: 50%; max-height: 50%;}
#consult .two .item .t1{font-size: 16px;color: #1A1A1A;line-height: 24px;text-align: center;}
#consult .two .item:before{display: block;content:"";position: absolute;background: url(/static/images/gwf/icon49.png) no-repeat center;width: 10px;height: 17px;top: 56px;right: -5px;}
#consult .two .item:nth-last-child(1):before{display: none;}
#consult .five{padding-bottom: 120px;}
#consult .five .title .ti1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 20px;}
#consult .five .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;margin-bottom: 50px;}
#consult .five .con{width: 100%;background: #FFFFFF;border-radius: 15px;padding: 5.3125% 6.25% 5.625%;}
#consult .five .form .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#consult .five .form .input:nth-child(3n){margin-right: 0;}
#consult .five .form .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#consult .five .form .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#consult .five .form .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#consult .five .form .input input[type="text"].cur{border: 1px solid #666666;}
#consult .five .form .input select.cur{border: 1px solid #666666;}
#consult .five .form textarea{height: 200px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;resize: none;padding-top: 10px;}
#consult .five .form textarea.cur{border: 1px solid #666666;}
#consult .five .form label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 60px auto 87px;cursor: pointer;}
#consult .five .form label input{display: none;}
#consult .five .tent .item{width: 20.375%;border-right: 1px solid rgba(140, 140, 140, 0.2);margin-right: 4.625%;}
#consult .five .tent .item:nth-last-child(1){border-right: 0;}
#consult .five .tent .t1{font-size: 18px;line-height: 30px;color: #1A1A1A;font-weight: bold;margin-bottom: 10px;}
#consult .five .tent .t2{font-size: 16px;line-height: 30px;color: #1A1A1A;}

@media screen and (max-width: 1440px){
    #consult .five .tent .t2{ font-size: 14px;}
}
@media screen and (max-width: 1260px){
    #consult .one .text .t1{ margin-bottom: 10px; line-height: 35px; font-size: 28px;}
    #consult .one .text .t2{ line-height: 25px; font-size: 14px;}
    #consult .two .item .icon{ width: 100px; height: 100px;}
    #consult .two .item .t1{ font-size: 12px;}
    #consult .three .tent .t2{ font-size: 14px;}
    #consult .five .tent .item{ width: 23.375%; margin-right: 1.625%;}
    #consult .five .tent .t2{ font-size: 14px; line-height: 30px;}
    #consult .five .con{ padding: 5.3125% 1.25% 5.625%;}
}
@media screen and (max-width: 1060px){
    #consult .two .item{ margin-top: 50px; width: 33.3333%;}
    #consult .two .item:nth-child(3):before{ display: none;}
    #consult .two .item:nth-child(-n+3){ margin-top: 0;}
}
@media screen and (max-width: 768px){

    #consult .one{ margin-top: 50px; margin-bottom: 0; padding: 0; transform: translateY(0);}
    #consult .one .img,
    #consult .one .text{ float: none; width: 100%;}
    #consult .one .text{ padding: 0 40px;}
    #consult .one .text .t1{ line-height: 1.8; font-size: 34px;}
    #consult .one .text .t2{ line-height: 1.8; font-size: 28px;}
    #consult .one .text .relative{ padding: 30px 0;}
    #consult .one .text .m-pic{ position: static;}

    #consult .two{ margin-top: 50px;}
    #consult .two .item .t1{ height: 86px; line-height: 1.8; font-size: 28px; overflow: hidden;}

    #contact .four .text{ margin: 0 auto; width: 90%;}

    #consult .five .con{ padding: 5.3125% 6.25% 5.625%;}
    #consult .five .tent .item{ margin: 30px 0 0 0; width: 100%; border-right: 0;}
    #consult .five .tent .t1{ line-height: 1.8; font-size: 34px;}
    #consult .five .tent .t2{ line-height: 1.8; font-size: 28px;}
    #consult .five.cw1600 .title .ti2{ line-height: 35px; font-size: 28px;}
    #consult .five.cw1600 .con .input{ float: none; width: 100%;}
    #consult .five.cw1600 .con .t3{ line-height: 60px; font-size: 30px;}
    #consult .five.cw1600 .con .input input[type="text"]{ height: 80px;}
    #consult .five.cw1600 .con .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #consult .five.cw1600 .con label{ margin-top: 30px; width: 250px; height: 80px; line-height: 80px; font-size: 30px;}
}
/*商务合作-采购与咨询*/

/*商务合作-合作伙伴*/
#partner{background: #F5F7FA;}
#partner .one{background: #FFFFFF;border-radius: 15px;overflow: hidden;-webkit-transform:translateY(-250px);transform:translateY(-250px);position: relative;z-index: 3;margin-bottom: -150px;}
#partner .one .img,
#partner .one .text{width: 50%;}
#partner .one .img .relative,
#partner .one .text .relative{width: 100%;padding-top: 65%;}
#partner .one .text .m-pic{text-align: left;padding: 0 8.75%;}
#partner .one .text .t1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 30px;}
#partner .one .text .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;}
#partner .two{padding-bottom: 100px;}
#partner .two .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 40px;}
#partner .two .con{width: 100%;background: #FFFFFF;border-radius: 15px;overflow: hidden;padding: 5.625% 3.5625%;}
#partner .two .item{width: 16.15%;/*margin-right: 3.8125%;*/}
#partner .two .item:last-child(1){margin-right: 0;}
#partner .two .item .icon{width: 50px;height: 50px;margin-bottom: 40px;}
#partner .two .item .t1{font-size: 24px;font-weight: 500;color: #1A1A1A;margin-bottom: 20px;}
#partner .two .item .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;}
#partner .three{ padding-bottom: 100px;}
#partner .three .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 40px;}
#partner .three .item{width: 31.5625%;/*min-height: 555px;*/background: #FFFFFF;border-radius: 15px;overflow: hidden;margin-right: 2.65625%;}
#partner .three .item:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
#partner .three .item:nth-child(3n){margin-right: 0;}
#partner .three .item .img{width: 100%;padding-top: 47.524%;}
#partner .three .item .text{padding: 9.1% 11.88% 15.841%;}
#partner .three .item .t1{font-size: 24px;font-weight: 500;color: #1A1A1A;margin-bottom: 25px;}
#partner .three .item .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;}
#partner .four{padding-bottom: 100px;}
#partner .four .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 40px;}
#partner .four .con{width: 100%;background: #FFFFFF;border-radius: 15px;padding: 9.6875% 6.25%;}
#partner .four .item{width: 20%;padding: 0 4%;position: relative;}
#partner .four .item .icon{width: 130px;height: 130px;background: #FFFFFF;border: 1px solid #666666;border-radius: 50%;margin: 0 auto 30px;}
#partner .four .item .icon img{ max-width: 50%; max-height: 50%;}
#partner .four .item .t1{font-size: 16px;color: #1A1A1A;line-height: 24px;text-align: center;}
#partner .four .item:before{display: block;content:"";position: absolute;background: url(/static/images/gwf/icon49.png) no-repeat center;width: 10px;height: 17px;top: 56px;right: -5px;}
#partner .four .item:nth-last-child(1):before{display: none;}
#partner .more-services{ padding: 60px 0; background: #fff;}
#partner .five{padding-bottom: 0/*120px*/;}
#partner .five .title .ti1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 20px;}
#partner .five .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;/*margin-bottom: 50px;*/}
#partner .five .con{width: 100%;background: #FFFFFF;border-radius: 15px;padding: 5.3125% 6.25% 0;}
#partner .five .form .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#partner .five .form .input:nth-child(3n){margin-right: 0;}
#partner .five .form .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#partner .five .form .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#partner .five .form .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#partner .five .form .input input[type="text"].cur{border: 1px solid #666666;}
#partner .five .form .input select.cur{border: 1px solid #666666;}
#partner .five .form textarea{height: 200px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;resize: none;padding-top: 10px;}
#partner .five .form textarea.cur{border: 1px solid #666666;}
#partner .five .form .protocol input[type=checkbox]{ margin-right: 15px;}
#partner .five .form label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 60px auto 87px;cursor: pointer;}
#partner .five .form label input{display: none;}
#partner .five .tent .item{width: 24.375%;border-right: 1px solid rgba(140, 140, 140, 0.2);margin-right: 1.625%;}
#partner .five .tent .item:last-child{ margin-right: 0; border-right: 0;}
#partner .five .tent .t1{font-size: 18px;line-height: 30px;color: #1A1A1A;font-weight: bold;margin-bottom: 10px;}
#partner .five .tent .t2{font-size: 16px;line-height: 30px;color: #1A1A1A;}

@media screen and (max-width: 1440px){
    #partner .two .item .t1{ font-size: 18px;}
    #partner .two .item .t2{ line-height: 22px; font-size: 14px;}
    #partner .five .tent .t2{ font-size: 14px;}
    #partner .five .con{ padding: 5.3125% 3.25% 5.625%;}
}
@media screen and (max-width: 1260px){
    #partner .one{ padding: 50px 0; transform: translateY(-200px);}
    #partner .one .text .t1{ margin-bottom: 10px; line-height: 35px; font-size: 28px;}
    #partner .one .text .t2{ line-height: 25px; font-size: 14px;}

    #partner .two{ padding: 50px 0;}
    #partner .two .item{ width: 17.15%; margin-right: 2.8125%;}
    #partner .two .item .t1{ font-size: 16px;}
    #partner .two .item .t2{ line-height: 20px; font-size: 12px;}

    #partner .three{ padding: 50px 0;}
    #partner .three .item .text{ padding: 9.1% 3.88% 15.841%;}

    #partner .four{ padding: 50px 0;}
    #partner .four .con{ padding: 9.6875% 0;}
    #partner .four .item .icon{ width: 100px; height: 100px;}
    #partner .four .item .icon img{ max-width: 50%; max-height: 50%;}

    #partner .five .tent .item{ margin-right: 1.625%; width: 23.375%;}

    #partner .five .tent .t2{ font-size: 14px; line-height: 30px;}
    #partner .five .con{ padding: 5.3125% 1.25% 5.625%;}
}
@media screen and (max-width: 1060px){
    #partner .two .item{ width: 32%; margin: 50px 2% 0 0;}
    #partner .two .item:nth-child(-n+3){ margin-top: 0;}
    #partner .two .item:nth-child(3n){ margin: 50px 2% 0 0;}
}
@media screen and (max-width: 768px){
    #partner .one{ margin-top: 50px; margin-bottom: 0; padding: 0; transform: translateY(0);}
    #partner .one .img,
    #partner .one .text{ float: none; width: 100%;}
    #partner .one .text .t1{ margin-bottom: 0; line-height: 1.8; font-size: 34px;}
    #partner .one .text .t2{ line-height: 1.8; font-size: 28px;}
    #partner .one .text .relative{ padding: 30px 0;}
    #partner .one .text .m-pic{ position: static;}

    #partner .two .tit{ font-size: 48px; font-weight: 500;}
    #partner .two .con{ flex-direction: column;}
    #partner .two .item{ width: 100% !important; padding:0 0 0 80px; position:relative;}
    #partner .two .item:nth-child(-n+3){ margin-top: 50px;}
    #partner .two .item .icon{ display: flex; justify-content: center; align-content: center; margin: 0 auto; width: 100px; height: 100%;}
    #partner .two .item .t1{ margin-bottom: 10px; line-height: 1.8; font-size: 34px; text-align:left;}
    #partner .two .item .t2{ line-height: 1.8; font-size: 28px;}
    #partner .two .item .icon{position:absolute; left:0; top:0; width:50px; height:50px;}

    #partner .three .tit{ font-size: 48px; font-weight: 500;}
    #partner .three .con{ flex-direction: column;}
    #partner .three .item{ margin-top: 50px; width: 100%;}
    #partner .three .item:first-child{ margin-top: 0;}
    #partner .three .item .t1{ line-height: 1.8; font-size: 34px;}
    #partner .three .item .t2{ line-height: 1.8; font-size: 28px;}
    #partner .three .item .text{ padding: 5% 3.88%;}

    #partner .four .item{ margin-top: 50px; width: 32%;}
    #partner .four .item:nth-child(-n+3){ margin-top: 0;}
    #partner .four .item .t1{ line-height: 1.8; font-size: 26px;}

    #partner .five .con{ padding: 5.3125% 6.25% 5.625%;}
    #partner .five .tent .item{ margin: 30px 0 0 0; width: 100%; border-right: 0;}
    #partner .five .tent .t1{ line-height: 1.8; font-size: 32px;}
    #partner .five .tent .t2{ line-height: 1.8; font-size: 28px;}
    #partner .five.cw1600 .title .ti2{ line-height: 35px; font-size: 28px;}
    #partner .five.cw1600 .con .input{ float: none; width: 100%;}
    #partner .five.cw1600 .con .t3{ line-height: 60px; font-size: 30px;}
    #partner .five.cw1600 .con .input input[type="text"]{ height: 80px; font-size: 30px;}
    #partner .five.cw1600 .con .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #partner .five.cw1600 .con label{ margin-top: 20px; width: 250px; height: 80px; line-height: 80px; font-size: 30px;}
}
/*商务合作-生态伙伴*/

/*关于我们-*/
#about{ background: #F5F7FA;}
#about #banner,
#about #m_banner{ display: none;}
#about .datu img{ width: 100%;}
#about .datu .t1{font-size: 42px;color: #1A1A1A; font-weight: 500; text-align: center;}
#about .datu .line{width: 50px;height: 3px;background: #1A1A1A;margin: 35px auto;}
#about .datu .t2{width: 77.5%;font-size: 18px;color: #1A1A1A;line-height: 36px;margin: 0 auto; text-align: center;}
#about .datu .data{width: 77.5%;margin: 110px auto;}
#about .datu .data .item{width: 33.33%;}
#about .datu .data .t3,
#about .datu .data .t3 span{font-size: 90px;color: #1A1A1A; font-weight: 500; text-align: center; font-family: 'rb';}
#about .datu .data .t4{font-size: 18px;font-weight: 500;color: #1A1A1A;line-height: 36px;margin-top: 20px; text-align: center;}
#about .one{background: #FFFFFF;border-radius: 15px;overflow: hidden;-webkit-transform:translateY(-90px);transform:translateY(-90px);position: relative;z-index: 3;margin-bottom: 10px;padding: 4.6875% 8.125% 5.625%;}
#about .one .item{width: 20.895%;margin-right: 18.6575%;text-align: center;}
#about .one .item:nth-child(3n){margin-right: 0;}
#about .one .item .icon{width: 64px;height: 64px;margin: 0 auto 55px;}
#about .one .item .t1{font-size: 26px;font-weight: 500;color: #1A1A1A;margin-bottom: 20px;}
#about .one .item .t2{font-size: 18px;color: #1A1A1A;line-height: 32px;}
#about .two{margin-bottom: 100px;}
#about .two .tit{font-size: 42px;color: #1A1A1A; font-weight: 500;margin-bottom: 50px;text-align: center;}
#about .two .con{background: #FFFFFF;border-radius: 15px;padding: 6.875% 7.5%;}
#about .two .container .line{width: 100%;height: 2px;background: #CCCCCC;top: calc(50% - 1px);left: 0;}
#about .two .slide{width: 232px;margin-right: 40px;}
#about .two .anniu{width: 80px;height: 80px;border: 2px solid #CCCCCC;border-radius: 50%;top: calc(50% - 40px);cursor: pointer;z-index: 3;}
#about .two .prev{background: url(/static/images/gwf/icon50.png) no-repeat center;left: calc(7.5% - 80px);}
#about .two .next{background: url(/static/images/gwf/icon58.png) no-repeat center;right: calc(7.5% - 80px);}
#about .two .anniu:hover{border: 2px solid #333333;}
#about .two .prev:hover{background: url(/static/images/gwf/icon57.png) no-repeat center;}
#about .two .next:hover{background: url(/static/images/gwf/icon51.png) no-repeat center;}
#about .two .slide{height: 390px;padding-right: 40px;margin-right: 10px;}
#about .two .slide .t1,
#about .two .slide .t3{font-size: 48px;color: #1A1A1A; font-family: 'rb'; font-weight: 500; text-align: right;}
#about .two .slide .t1{margin-bottom: 10px;}
#about .two .slide .t3{margin-top: 10px;}
#about .two .slide .t2{font-size: 16px;color: #1A1A1A;line-height: 30px; text-align: right;}
#about .two .slide .yuan{width: 14px;height: 14px;background: #FFFFFF;border: 3px solid #333333;border-radius: 50%;right: 45px;/* left: 40px; */top: calc(50% - 7px);}
#about .two .slide .xian{width: 2px;height: 17px;background: #1A1A1A;right: 51px;/* left: 46px; */}
#about .two .slide:nth-child(2n+1){padding-top: 225px;}
#about .two .slide:nth-child(2n){padding-bottom: 225px;}
#about .two .slide:nth-child(2n+1) .t3,
#about .two .slide:nth-child(2n) .t1{display: none;}
#about .two .slide:nth-child(2n+1) .xian{top: calc(50% + 7px);}
#about .two .slide:nth-child(2n) .xian{top: calc(50% - 24px);}
#about .three{padding-bottom: 120px;}
#about .three .tit{text-align: center;font-size: 42px;color: #1A1A1A; font-weight: 500;}
#about .three .cate{margin: 50px auto 74px;}
#about .three .cate .at{width: 140px;height: 45px;line-height: 45px;background: #F5F7FA;border: 1px solid #333333;border-radius: 23px;text-align: center;font-size: 16px;color: #666666;margin-right: 20px; cursor: pointer;}
#about .three .cate .at:nth-last-child(1){margin-right: 0;}
#about .three .cate .at.cur{font-weight: bold;color: #FFFFFF;background: #333333;}
#about .three .tent{width: 96.354%;margin: 0 auto;}
#about .three .anniu{width: 60px;height: 60px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 50%;top: 50%;cursor: pointer;z-index: 3; transform: translateY(-50%);}
#about .three .prev{background: url(/static/images/gwf/icon56.png) no-repeat center #FFF;left: 8.918%;}
#about .three .next{background: url(/static/images/gwf/icon60.png) no-repeat center #FFF;right: 8.918%;}
#about .three .prev:hover{background: url(/static/images/gwf/icon59.png) no-repeat center #333;}
#about .three .next:hover{background: url(/static/images/gwf/icon55.png) no-repeat center #333;}
/*#about .three .container{height: 500px;}*/
/*#about .three .slide{ width: 18.378%;position: relative;margin-top: 75px;}*/
#about .three .slide{ width: 26.488%;position: relative; transform: scale(.8);}
#about .three .slide .img:before{display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.5);z-index: 10;}
#about .three .slide .img{width: 100%;margin: 0 auto 30px;background: #FFFFFF;border: 1px solid #F5F5F5;border-radius: 15px;overflow: hidden;position: relative;}
#about .three .slide .img:hover{ box-shadow: 0px 10px 20px 0px rgba(20, 52, 95, 0.1);}
#about .three .slide .img .relative{width: 100%;padding-top: 100%;background: #fff;}
#about .three .slide .t1{font-size: 16px;color: #999;line-height: 24px;text-align: center;}
/*#about .three .slide.swiper-slide-active{width: 26.488% !important;margin-top: 0;}*/
#about .three .slide.swiper-slide-active{ transform: scale(1);}
#about .three .slide.swiper-slide-active .img:before{display: none;}
#about .three .slide.swiper-slide-active .img{margin: 0 auto 45px;}
#about .three .slide.swiper-slide-active .t1{font-size: 18px;color: #1A1A1A;line-height: 24px;}

@media screen and (max-width: 1560px){
    #about .datu .data{ margin: 35px auto;}
    #about .datu .data .t3,
    #about .datu .data .t3 span{ font-size: 65px; font-weight: 500;}
    #about .one .item{width: 24.895%;margin-right: 12.6575%;text-align: center;}
}
@media screen and (max-width: 1440px){
    #about .datu .data .t3,
    #about .datu .data .t3 span{ font-size: 45px; font-weight: 500;}
    #about .datu .t2{ width: 100%; line-height: 30px; font-size: 16px;}
    #about .datu .data .t4{ margin-top: 10px;}
}
@media screen and (max-width: 1260px){
    #about .datu .line{ margin: 10px auto;}
    #about .datu .data{ margin: 20px auto;}
    #about .datu .t2{ width: 100%; line-height: 25px; font-size: 14px;}
    #about .datu .data .t3,
    #about .datu .data .t3 span{ font-size: 40px; font-weight: 500;}

    #about .one .item{ margin-right: 7.6575%; width: 27.895%;}
    #about .one .item .t2{ font-size: 14px;}
    #about .one .item .icon{ margin-bottom: 25px;}
    #about .two .anniu{ top: 50%; width: 40px; height: 40px; transform: translateY(-50%);}
    #about .two .prev{ left: calc(7.5% - 40px);}
    #about .two .next{ right: calc(7.5% - 40px);}
    #about .two .slide .t1,
    #about .two .slide .t3{ font-size: 46px; font-weight: 500;}
}
@media screen and (max-width: 1060px){
    #about .one{ margin: 50px auto 0; padding-left: 0; padding-right: 0; transform: translateY(0);}
    #about .two{ margin-top: 50px;}
}
@media screen and (max-width: 768px){
    #about .datu .t2{ line-height: 1.8; font-size: 26px; text-align: left;}

    #about .datu .data{ width: 90.5%;}
    #about .datu .data .item{width:auto; margin:0% 4%; text-align:center;}
    #about .datu .data .item{display:inline-block; float:none;}

    #about .datu .data .t3,
    #about .datu .data .t3 span{ font-size: 50px; font-weight: 500;}
    #about .datu .data .t4{ font-size: 26px;}

    #about .one .item .t1{ font-size: 34px;}
    #about .one .item .t2{ line-height: 1.8; font-size: 28px;}

    #about .two .tit{ font-size: 48px; font-weight: 500;}
    #about .two .slide{ height: 450px;}
    #about .two .slide .t2{ line-height: 1.8; font-size: 23px;}
    #about .two .slide:nth-child(2n+1){ padding-top: 248px;}

    #about .three .tent{ width: 85.334%;}
    #about .three .slide .img{ padding: 20px;}
    #about .three .slide .img .relative{ padding-top: 66%;}
    #about .three .tit{ font-size: 48px; font-weight: 500;}
    #about .three .cate .at{ width: 225px; height: 80px; line-height: 80px; font-size: 28px; border-radius: 40px;}
    #about .three .slide .t1,
    #about .three .slide.swiper-slide-active .t1{ height: auto; line-height: 1.8; font-size: 28px;}
}
/*关于我们*/

/*行业解决方案-详情*/
#solution-detail{background: #F5F7FA;}
#solution-detail .datu .crumbs{top: 40px;left: 4%;}
#solution-detail .datu .crumbs,
#solution-detail .datu .crumbs *{font-size: 16px;color: #fff;line-height: 26px;}
#solution-detail .one{background: #FFFFFF;border-radius: 15px;overflow: hidden;-webkit-transform:translateY(-150px);transform:translateY(-150px);position: relative;z-index: 3;margin-bottom: -50px;padding: 5% 11.5625% 8.75%;}
#solution-detail .one .t1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 40px;}
#solution-detail .one .t2{
	font-size: 16px;
	color: #1A1A1A;
	line-height: 30px;
	text-align: left;
	font-family:思源黑体 CN Regular,Source Han Sans Regular,MiSans,PingFangSC-Regular,Microsoft YaHei,Arial;
}
#solution-detail .two{margin-bottom: 100px;}
#solution-detail .two .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 50px;}
#solution-detail .two .con{background: #FFFFFF;border-radius: 15px;overflow: hidden;padding: 6.5% 4.4375%;}
#solution-detail .two .item{width: 44.032%;margin: 0 11.936% 5.829% 0;}
#solution-detail .two .item:nth-child(2n){margin-right: 0;}
#solution-detail .two .item:nth-last-child(1),
#solution-detail .two .item:nth-last-child(2){margin-bottom: 0;}
#solution-detail .two .item .icon{width: 72px;height: 72px;margin-right: 55px;}
#solution-detail .two .item .icon img{ max-width: 100%; max-height: 100%;}
#solution-detail .two .item .text{width: calc(100% - 127px);}
#solution-detail .two .item .t1{font-size: 24px;font-weight: 500;color: #1A1A1A;}
#solution-detail .two .item .t2{font-size: 16px;color: #1A1A1A;line-height: 30px;margin-top: 10px;}
#solution-detail .three{margin-bottom: 100px;}
#solution-detail .three .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 50px;}
#solution-detail .three .tent{margin-top: 40px;background: #FFFFFF;border-radius: 15px;overflow: hidden;}
#solution-detail .three .con{background: #FFFFFF;border-radius: 15px;overflow: hidden;}
#solution-detail .three .con .img{width: 48.75%;}
#solution-detail .three .con .img .relative{width: 100%;padding-top: 71.794%;}
#solution-detail .three .con .text{width: 51.25%;}
#solution-detail .three .con .text .relative{width: 100%;padding-top: 68.292%;}
#solution-detail .three .con .text .m-pic{text-align: left;padding: 0 10.61%;}
#solution-detail .three .con .text .t1{font-size: 18px;color: #1A1A1A;line-height: 36px;}
#solution-detail .four{padding: 80px 0 0;background: #FFFFFF;}
#solution-detail .four #case-detail{ position: relative; padding: 50px 0;}
#solution-detail .four #case-detail .case-tit{ top: -108px; left: 0; z-index: 10; width: 100%; height: 108px;}
#solution-detail .four #case-detail .case-tit .case-tit-in{ padding: 30px 0; width: 100%; background: #fff;}
#solution-detail .four #case-detail .case-tit .case-tit-in.fixed{ top: 0; left: 0;}
#solution-detail .four #case-detail h2{ margin: 0; font-size: 30px;}
#solution-detail .four #case-detail .guanbi{width: 25px;height: 25px;background: url(/static/images/gwf/icon67.png) no-repeat center;cursor: pointer;top: -108px;right: 0; z-index: 10;}
#solution-detail .four .tent{padding-bottom: 100px;}
#solution-detail .four .tent .tit{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 45px;text-align: center;}
#solution-detail .four .tent .img{width: 100%;padding-top: 62.574%;}
#solution-detail .four .tent .slide{width: 505px;background: #F5F7FA;border-radius: 15px;margin-right: 40px;border: 1px solid transparent;overflow: hidden;cursor: pointer;}
#solution-detail .four .tent .slide.cur{border: 1px solid #f36e21;background: #fff;}
#solution-detail .four .tent .slide.grey .img::before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(128,128,128,0.5); z-index:5;}
#solution-detail .four .tent .text{padding: 30px 0;}
#solution-detail .four .tent .text .t1{font-size: 18px;color: #1A1A1A;line-height: 24px;}
#solution-detail .four .tent .anniu{cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 50%; transform: translateY(-50%); z-index: 3; filter: invert(1);}
#solution-detail .four .tent .next{right: 1.875%;background: url(/static/images/gwf/icon21.png) no-repeat center rgba(255,255,255,0);}
#solution-detail .four .tent .prev{left: 1.875%;background: url(/static/images/gwf/icon20.png) no-repeat center rgba(255,255,255,0);}
#solution-detail .four .tent .anniu:hover{ background-color: rgba(255,255,255,.5);}
#solution-detail .four .case-ajax-outer{ padding-top: 20px;/* overflow: hidden;*/}
#solution-detail .four .case-ajax{ background: #F2F2F2;box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.01) inset;padding-bottom: 100px;display: none; overflow: visible !important;}
#solution-detail .four .case-ajax div[body],
#solution-detail .four .case-ajax #case-detail{ background: none;}
#solution-detail .four .case-ajax #header,
#solution-detail .four .case-ajax #m_header,
#solution-detail .four .case-ajax .crumbs,
#solution-detail .four .case-ajax .recom,
#solution-detail .four .case-ajax #footer{ display: none;}
/*#solution-detail .four .case-ajax .sanjiao{width: 52px;height: 22px;background: url(/static/images/gwf/icon69.png) no-repeat center;top: -22px;left: 227px;}*/
#solution-detail .four .case-ajax .shouqi{width: 150px;height: 50px;background: url(/static/images/gwf/icon68.png) no-repeat center right 37px #333333;border-radius: 5px;margin: 0 auto;font-size: 18px;font-weight: 500;color: #FFFFFF;line-height: 50px;text-align: center;cursor: pointer;}
#solution-detail .four .case-ajax .title{width: 66.25%;}
#solution-detail .four .case-ajax .t0{font-size: 30px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin: 80px auto 30px;}
#solution-detail .four .case-ajax .t1{font-size: 18px;color: #1A1A1A;line-height: 36px;margin-bottom: 70px;}
#solution-detail .four .case-ajax .intro{background: #fff;border-radius: 15px;margin-bottom: 93px;}
#solution-detail .four .case-ajax .intro .img,
#solution-detail .four .case-ajax .intro .text{width: 50%;}
#solution-detail .four .case-ajax .intro .img .relative,
#solution-detail .four .case-ajax .intro .text .relative{width: 100%;padding-top: 62.5%;}
#solution-detail .four .case-ajax .intro .text .m-pic{text-align: left;padding: 0 10%;}
#solution-detail .four .case-ajax .intro .text .t2{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 35px;}
#solution-detail .four .case-ajax .intro .text .t3{font-size: 16px;color: #1A1A1A;line-height: 36px;}
#solution-detail .four .case-ajax .solu .t4{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
#solution-detail .four .case-ajax .solu .t5{font-size: 16px;color: #1A1A1A;line-height: 36px;margin-bottom: 40px;}
#solution-detail .four .case-ajax .solu .datu{width: 100%;overflow: hidden;border-radius: 15px;}
#solution-detail .four .case-ajax .solu .pro{margin: 40px auto 100px;background: #FFFFFF;border-radius: 15px;padding: 0 6.375% 4.375%;}
#solution-detail .four .case-ajax .solu .pro .slide{width: 22.85%;margin-right: 2.714%;}
#solution-detail .four .case-ajax .solu .pro .img{width: 100%;padding-top: 100%;}
#solution-detail .four .case-ajax .solu .pro .t6{font-size: 18px;color: #1A1A1A;line-height: 48px;margin-top: 4px;}
#solution-detail .four .case-ajax .solu .pro .anniu{cursor: pointer;width: 17px;height: 28px;top: calc(50% - 14px);z-index: 3;}
#solution-detail .four .case-ajax .solu .pro .next{right: 1.875%;background: url(/static/images/gwf/icon19.png) no-repeat center;}
#solution-detail .four .case-ajax .solu .pro .prev{left: 1.875%;background: url(/static/images/gwf/icon18.png) no-repeat center;}
#solution-detail .four .case-ajax .ject{margin-bottom: 80px;}
#solution-detail .four .case-ajax .ject .t7{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 40px;}
#solution-detail .four .case-ajax .ject .container{background: #FFFFFF;border-radius: 15px;padding: 110px 0 95px;}
#solution-detail .four .case-ajax .ject .slide{width: 25%;border-right: 1px solid #F2F2F2;}
#solution-detail .four .case-ajax .ject .icon{width: 64px;height: 64px;margin: 0 auto 70px;}
#solution-detail .four .case-ajax .ject .t8{text-align: center;font-size: 20px;font-weight: 500;color: #1A1A1A;}
#solution-detail .five{background: #FFFFFF;padding: 50px 0;margin-bottom: 100px;}
#solution-detail .five .t1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;margin-bottom: 45px;/*text-align: center;*/}
#solution-detail .five .slide{width: 505px;margin-right: 42px;}
#solution-detail .five .img{width: 100%;padding-top: 62.574%; border-radius: 10px; overflow: hidden;}
#solution-detail .five .t2{font-size: 20px;font-weight: 500;color: #1A1A1A;margin: 36px auto 20px;}
#solution-detail .five .t3{font-size: 16px;color: #666666;}
#solution-detail .five .anniu{cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 50%; transform: translateY(-50%);z-index: 3; filter: invert(1);}
#solution-detail .five .next{right: 1.875%;background: url(/static/images/gwf/icon21.png) no-repeat center rgba(255,255,255,0);}
#solution-detail .five .prev{left: 1.875%;background: url(/static/images/gwf/icon20.png) no-repeat center rgba(255,255,255,0);}
#solution-detail .five .anniu:hover{ background-color: rgba(255,255,255,.5);}
/*
#solution-detail .more-services{padding-bottom: 100px;}
#solution-detail .more-services .cw1600{padding: 80px 0 75px;background: #FFFFFF;border-radius: 15px;overflow: hidden;}
#solution-detail .more-services .title{margin-bottom: 50px;}
#solution-detail .more-services .title .t1{font-size: 36px;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
#solution-detail .more-services .title .t2{font-size: 18px;color: #1A1A1A;}
#solution-detail .more-services .con{padding: 0 6.25%;}
#solution-detail .more-services .con .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#solution-detail .more-services .con .input:nth-child(3n){margin-right: 0;}
#solution-detail .more-services .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#solution-detail .more-services .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#solution-detail .more-services .con .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#solution-detail .more-services .con .input input[type="text"].cur{border: 1px solid #666666;}
#solution-detail .more-services .con .input select.cur{border: 1px solid #666666;}
#solution-detail .more-services .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 20px auto 0;cursor: pointer;}
#solution-detail .more-services .con label input{display: none;}
*/

#solution-detail .five.clean{ margin-bottom: 100px; padding-bottom: 90px; background: none;}
#solution-detail .five.clean .title .ti1{font-size: 36px;font-weight: 500;color: #1A1A1A;line-height: 48px;text-align: center;margin-bottom: 20px;}
#solution-detail .five.clean .title .ti2{font-size: 18px;color: #1A1A1A;text-align: center;margin-bottom: 50px;}
#solution-detail .five.clean .con{width: 100%;background: #FFFFFF;border-radius: 15px;padding: 5.3125% 6.25% 5.625%;}
#solution-detail .five.clean .form .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#solution-detail .five.clean .form .input:nth-child(3n){margin-right: 0;}
#solution-detail .five.clean .form .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#solution-detail .five.clean .form .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#solution-detail .five.clean .form .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#solution-detail .five.clean .form .input input[type="text"].cur{border: 1px solid #666666;}
#solution-detail .five.clean .form .input select.cur{border: 1px solid #666666;}
#solution-detail .five.clean .form textarea{height: 200px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;resize: none;padding-top: 10px;}
#solution-detail .five.clean .form textarea.cur{border: 1px solid #666666;}
#solution-detail .five.clean .form label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 30px auto 0;cursor: pointer;}
#solution-detail .five.clean .form label input{display: none;}
#solution-detail .five.clean .tent .item{width: 20.375%;border-right: 1px solid rgba(140, 140, 140, 0.2);margin-right: 4.625%;}
#solution-detail .five.clean .tent .item:nth-last-child(1){border-right: 0;}
#solution-detail .five.clean .tent .t1{font-size: 18px;line-height: 30px;color: #1A1A1A;font-weight: bold;margin-bottom: 10px;}
#solution-detail .five.clean .tent .t2{font-size: 16px;line-height: 30px;color: #1A1A1A;}

@media screen and (max-width: 1560px){
}
@media screen and (max-width: 1440px){
}
@media screen and (max-width: 1260px){
    #solution-detail .four .tent .text .t1{ padding: 0 20px;}
}
@media screen and (max-width: 1060px){
    #solution-detail .three .con .text .t1{ font-size: 16px;}
    #solution-detail .four .case-ajax .intro{ display: flex; flex-direction: column-reverse;}
    #solution-detail .four .case-ajax .intro .text,
    #solution-detail .four .case-ajax .intro .img{ float: none; width: 100%;}
    #solution-detail .four .case-ajax .intro .text .t2{ margin-top: 0;}
}
@media screen and (max-width: 768px){
    #solution-detail .one{ margin-top: 50px; padding: 5%; -webkit-transform: translateY(0); transform: translateY(0); margin-bottom: 0;}
    #solution-detail .one .t2{ line-height: 1.8; font-size: 28px;}

    #solution-detail .two{ margin-top: 50px;}
    #solution-detail .two .tit{ font-size: 48px; font-weight: 500;}
    #solution-detail .two .item{ display: flex; justify-content: start; align-items: center; float: none; width: 100%;}
    #solution-detail .two .item:nth-last-child(2){ margin-bottom: 5.829%;}
    #solution-detail .two .item .t1{ line-height: 1.8; font-size: 30px;}
    #solution-detail .two .item .t2{ line-height: 1.8; font-size: 28px;}
    #solution-detail .two .item .icon{ float: none;}
    #solution-detail .two .item .icon:after,
    #solution-detail .two .item .icon:before{ display: none;}

    #solution-detail .three .tit{ font-size: 48px; font-weight: 500;}
    #solution-detail .three .con{ display: flex; justify-content: center; flex-direction: column-reverse;}
    #solution-detail .three .con .text,
    #solution-detail .three .con .img{ float: none; width: 100%;}
    #solution-detail .three .con .text .m-pic{ padding: 0 5%;}
    #solution-detail .three .con .text .relative{ padding-top: 40%;}
    #solution-detail .three .con .text .t1{ line-height: 1.8; font-size: 28px;}

    #solution-detail .four .tent .tit{ font-size: 48px; font-weight: 500;}
    #solution-detail .four .tent .text .t1{ line-height: 1.8; font-size: 28px;}
    #solution-detail .four #case-detail h2{ font-size: 34px;}
    #solution-detail .four .case-ajax .t1{ line-height: 1.8; font-size: 28px;}
    #solution-detail .four .case-ajax .intro .text .t3{ line-height: 1.8; font-size: 28px;}
    #solution-detail .four .case-ajax .intro .text .relative{ padding: 10% 5%;}
    #solution-detail .four .case-ajax .intro .text .m-pic{ position: static; padding: 0;}
    #solution-detail .four .case-ajax .solu .t5{ font-size: 28px;}
    #solution-detail .four .case-ajax .solu .pro .t6{ font-size: 28px;}
    #solution-detail .four .case-ajax .shouqi{ width: 250px; height: 80px; line-height: 80px; font-size: 28px; background-size: 8%;}
    #solution-detail .four .case-ajax .ject .t8{ font-size: 28px;}

    #solution-detail .five .t2{ line-height: 1.8; font-size: 32px; white-space: break-spaces; text-overflow: inherit;}
    #solution-detail .five .t3{ line-height: 1.8; font-size: 28px;}
    #solution-detail .five.clean .title .ti2{ line-height: 35px; font-size: 28px;}
    #solution-detail .five.clean .con .input{ float: none; width: 100%;}
    #solution-detail .five.clean .con .t3{ line-height: 60px; font-size: 30px;}
    #solution-detail .five.clean .con .input input[type="text"]{ height: 80px; font-size: 30px;}
    #solution-detail .five.clean .con .form .input select{ height: 80px; background-size: 30px; font-size: 30px;}
    #solution-detail .five.clean .con label{ margin-top: 20px; width: 250px; height: 80px; line-height: 80px; font-size: 30px;}
}
/*行业解决方案-详情*/

#i-sys2{ margin-top: 140px;}
#i-sys2 .list{ display: flex; justify-content: space-between; align-content: start;}
#i-sys2 .list .item{ z-index: 1; /* width: 48.75%; */ /* height: 600px; */ background: #fff; border-radius: 14px; overflow: hidden; align-items: center; flex-wrap: wrap; display: flex; justify-content: space-between; margin-right: -10px; flex: 1;}
#i-sys2 .list .item .con,
#i-sys2 .list .item .img{background: #fff; display: flex; flex-direction: column; width: 50%;}
#i-sys2 .list .item:hover{ box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);}
#i-sys2 .list .item.one_item{ width: 100%;}
#i-sys2 .list .item .con{ z-index: 1; padding:0 5%;}
#i-sys2 .list .item .con .tit{ width: 100%; line-height: 38px; font-size: 30px; color: #1a1a1a;}
#i-sys2 .list .item .con .brief{ margin-top: 11px; width: 100%; line-height: 26px; font-size: 16px; color: #666;}
#i-sys2 .list .item .con .more{ position: relative; margin-top: 40px; width: 150px; height: 50px; line-height: 46px; border: 1px solid #121212; font-size: 16px; color: #333; text-align: center; border-radius: 5px;}
#i-sys2 .list .item .con .more i{background: url(../images/btn_icon0.png) no-repeat;position: absolute;right: 26px;top: calc(50% - 5px);width: 6px;height: 10px;}
#i-sys2 .list .item .con.mb{display:none}
#i-sys2 .list .item .img{ right: 0; bottom: 0;}
@media screen and (max-width: 1060px){
    #i-sys2 .list .item .con .tit{font-size:28px;}
    #i-sys2 .list .item .con .brief{font-size:14px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}

@media screen and (max-width: 768px){
    #i-sys2{margin-top:70px;}
    #i-sys2 .list{margin:0 0 5%;}
    #i-sys2 .list .item{display:block; margin:0;}
    #i-sys2 .list .item .con,
    #i-sys2 .list .item .img{width:100%;}
    #i-sys2 .list .item .con{padding:5% 5% 10%;}
    #i-sys2 .list .item .con.pc{display:none;}
    #i-sys2 .list .item .con.mb{display:block;}
    #i-sys2 .list .item .con .tit{font-size:34px; line-height:1.8;}
    #i-sys2 .list .item .con .brief{font-size:28px; line-height:1.8; overflow: visible; text-overflow: unset; display: block; text-align: justify;}
    #i-sys2 .list .item .con .more{width: 250px; height: 80px; line-height: 80px; font-size: 28px;}

    #i-pro, #i-sys, #i-sol, #i-case, #i-video, #i-news, #i-ser{margin-top:70px !important;}

    #about .one .item{margin:0% 2.7% !important;}
    #about .bh{top:22%; text-align:center;}
    #about .hb{margin-top:50px;}

    #product_scheme .ccccc{width:47.5% !important; float:left; margin-right:5%; margin-bottom:5%;}
    #product_scheme .ccccc:nth-child(2n){margin-right:0%;}
    #product_scheme .three .dd-img img{width:100%;}
    #product_scheme .three .t2{width:90%; margin:20px auto 0% auto; height:90px; overflow:hidden;}
    #product_scheme .three .tit{margin-bottom:20px;}
    #product_scheme .three .tit-dd2{margin-bottom:50px; margin-top:0px;}
    #product_scheme .three .cate{margin-bottom:15px;}
}

@media screen and (min-width: 1024px){

    #product_scheme .three .daitem:hover .more i,
    #product_scheme .three .zhitem:hover .more i,
    #product_scheme .three .xiitem .item:hover .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/gwf/icon4.png) no-repeat;}

    #contact .four:hover .more{background: #333;border: 1px solid #333;color: #fff;}
    #contact .four:hover .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/gwf/icon4.png) no-repeat;}

    #i-sys2 .list .item:hover .con .more{background: #f36e21;border: 1px solid #f36e21;color: #fff;}
    #i-sys2 .list .item:hover .con .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(../images/btn_icon1.png) no-repeat;}

    #i-sol .list .item:hover .con .more{background: #f36e21;border: 1px solid #f36e21;color: #fff;}
    #i-sol .list .item:hover .con .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(../images/btn_icon1.png) no-repeat;}
    #i-sys .list .item:hover .con .more{background: #333;border: 1px solid #333;color: #fff;}
    #i-sys .list .item:hover .con .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(../images/btn_icon1.png) no-repeat;}
    #i-pro .slide:hover .con .more{background: #333;border: 1px solid #333;color: #fff;}
    #i-pro .slide:hover .con .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(../images/btn_icon1.png) no-repeat;}
    #solution .list .text:hover .more{background: #f36e21;border: 1px solid #f36e21;color: #fff;}
    #solution .list .text:hover .more i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/gwf/icon4.png) no-repeat;}
    #news .hot .text .more:hover{background: #333;border: 1px solid #333;color: #fff;}
    #news .hot .text .more:hover i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/gwf/icon4.png) no-repeat;}
    #case .con .hot .text .more:hover{background: #333;border: 1px solid #333;color: #fff;}
    #case .con .hot .text .more:hover i{-webkit-animation:moveRightIn 1s 1;animation:moveRightIn 1s 1;background: url(/static/images/gwf/icon4.png) no-repeat;}

    #about .one .item:hover .icon img{ transform: translateY(-10px);}

    #solution-detail .two .item:hover .icon img{ transform: scale(1.1);}

    #case-detail .ject .item:hover .icon img{ transform: translateY(-10px);}

    #software .one .item:hover .icon img{ transform: translateY(-10px);}

    #partner .four .item:hover .icon{ transform: scale(1.1);}

    #contact .one .item:hover .icon img{ transform: translateY(-10px);}
    #contact .one a.t2:hover{ text-decoration: underline;}
    #partner .five .tent a.t2:hover{ text-decoration: underline;}
}

.form .protocol{ margin-bottom: 10px; font-size: 14px;}
.form .protocol a{ font-size: 14px;}
.form .protocol input[type=checkbox]{ margin-right: 15px;}
.form .protocol .checkbox{ margin-right: 15px; width: 13px; height: 13px;}
.form .protocol .checkbox input[type="checkbox"]{ top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); z-index: 1; cursor: pointer;}
.form .protocol .checkbox input[name=Protocol] .checkbox .checkbox-btn{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
.form .protocol .checkbox input[name=Protocol] + .checkbox-btn{ width: 13px; height: 13px; background: #ddd; border-radius: 3px;}
.form .protocol .checkbox input[name=Protocol] + .checkbox-btn:before{ display: block; width: 100%; height: 100%; line-height: 13px; content: '\2713'; font-size: 12px; color: #fff; text-align: center;}
.form .protocol .checkbox input[name=Protocol]:checked + .checkbox-btn{ background: #1a1a1a;}
.form select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
.form input[type="text"].cur{border: 1px solid #666666;}
.form select.cur{border: 1px solid #666666;}

form[dbs-feedback] label:hover{ color: #333 !important; background: #f4f4f4 !important;}

.paging[type='default'] .a{ min-width: 40px !important; height: 40px !important; line-height: 38px !important;}
.paging[type='default'] .a:first-child,
.paging[type='default'] .a:last-child{ min-width: 70px !important;}
.paging[type='default'] .a.cur{ background: #1a1a1a !important;}

.pop-btn{ right: 5%; bottom: 10%; z-index: 10; width: 70px; height: 70px; background: #ddd; border-radius: 50%;}
.pop-btn:hover{ background: #1a1a1a;}
.pop-form{ top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 10;}
.pop-form #more-services{ position: absolute; top: 50%; left: 50%; padding: 60px 0 30px;background: #fff; transform: translate(-50%, -50%); border-radius: 20px;}
.pop-form #more-services .title{ display: none;}
/*
.pop-form #more-services .title .t1{font-size: 36px;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
.pop-form #more-services .title .t2{font-size: 18px;color: #1A1A1A;}
*/
.pop-form #more-services .con{background: #FFFFFF;border-radius: 15px;padding: 0 6.25%;}
.pop-form #more-services .con .input{width: 31.642%;margin: 0 2.37% 2.37% 0;}
.pop-form #more-services .con .input:nth-child(3n){margin-right: 0;}
.pop-form #more-services .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
.pop-form #more-services .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
.pop-form #more-services .con .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px; background: url(/static/images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.pop-form #more-services .con .input input[type="text"].cur{border: 1px solid #666666;}
.pop-form #more-services .con .input select.cur{border: 1px solid #666666;}
.pop-form #more-services .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 20px auto 30px;cursor: pointer;}
.pop-form #more-services .con label input{display: none;}

.pop-form .tent{ display: none;}